/*
This project follows Inverted Triangle CSS (ITCSS) by
Harry "CSS Wizardry" Roberts. Files should be organized
by groups which are described in detail below. As we go
down our list of files we should go from:
  Generic to explicit
  Far-reaching to localised
  Low specificity to high specificity
*/
/*
Settings store all variables, config switches, etc.
Split up into logical sections, the smaller and simpler the better.
*/
/* */
/* Color palette*/
/* Text*/
/* Links*/
/*Brand colors*/
/*border-colors*/
/* social icon//*/
/* Breakpoints*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800");
.container-fluid {
  max-width: 1600px;
  margin: 0 auto; }

@font-face {
  font-family: 'BebasNeue';
  src: url("../fonts/BebasNeue.eot");
  src: url("../fonts/BebasNeue.woff") format("woff"), url("../fonts/BebasNeue.woff2") format("woff2"), url("../fonts/BebasNeue.ttf") format("truetype"), url("../fonts/BebasNeue.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
/*
Tools store all programic Sass functionality.
If your tooling is simplistic enough, you can do something like:
  tools.mixins
If your tooling is more complex you can split it up like:
  tools.grid
  tools.typography
  etc.
*/
@keyframes change {
  0%, 12%, 100% {
    transform: translateY(0); }
  17%,29% {
    transform: translateY(-25%); }
  34%,46% {
    transform: translateY(-50%); }
  51%,63% {
    transform: translateY(-75%); }
  68%,80% {
    transform: translateY(-50%); }
  85%,97% {
    transform: translateY(-25%); } }
/**
 * List functions courtesy of the wonderful folks at Team Sass.
 * Check out their awesome grid: Singularity.
 */
/**
 * Get  percentage from a given ratio.
 * @param {number} [$ratio=1] - The column ratio of the element.
 * @returns {number} - The percentage value.
 */
/**
 * Work out the column widths based on the ratio and gutter sizes.
 * @param {number} [$ratios=1] - The column ratio of the element.
 * @param {number} [$gutter=$jeet-gutter] - The gutter for the column.
 * @returns {list} $width $gutter - A list containing the with and gutter for the element.
 */
/**
 * Get the set layout direction for the project.
 * @returns {string} $direction - The layout direction.
 */
/**
 * Replace a specified list value with a new value (uses built in set-nth() if available)
 * @param {list} $list - The list of values you want to alter.
 * @param {number} $index - The index of the list item you want to replace.
 * @param {*} $value - The value you want to replace $index with.
 * @returns {list} $list - The list with the value replaced or removed.
 * @warn if an invalid index is supplied.
 */
/**
 * Reverse a list (progressively enhanced for Sass 3.3)
 * @param {list} $list - The list of values you want to reverse.
 * @returns {list} $result - The reversed list.
 */
/**
 * Get the opposite direction to a given value.
 * @param {string} $dir - The direction you want the opposite of.
 * @returns {string} - The opposite direction to $dir.
 * @warn if an incorrect string is provided.
 */
/**
 * Style an element as a column with a gutter.
 * @param {number} [$ratios=1] - A width relative to its container as a fraction.
 * @param {number} [$offset=0] - A offset specified as a fraction (see $ratios).
 * @param {number} [$cycle=0] - Easily create an nth column grid where $cycle equals the number of columns.
 * @param {number} [$uncycle=0] - Undo a previous cycle value to allow for a new one.
 * @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * An alias for the column mixin.
 * @param [$args...] - All arguments get passed through to column().
 */
/**
 * Get the width of a column and nothing else.
 * @param {number} [$ratios=1] - A width relative to its container as a fraction.
 * @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * Get the gutter size of a column and nothing else.
 * @param {number} [ratios=1] - A width relative to its container as a fraction.
 * @param {number} [gutter=jeet.gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * An alias for the column-width function.
 * @param [$args...] - All arguments get passed through to column().
 */
/**
 * An alias for the column-gutter function.
 * @param [$args...] - All arguments get passed through to column().
 */
/**
 * Style an element as a column without any gutters for a seamless row.
 * @param {number} [$ratios=1] - A width relative to its container as a fraction.
 * @param {number} [$offset=0] - A offset specified as a fraction (see $ratios).
 * @param {number} [cycle=0] - Easily create an nth column grid where cycle equals the number of columns.
 * @param {number} [uncycle=0] - Undo a previous cycle value to allow for a new one.
 */
/**
 * Reorder columns without altering the HTML.
 * @param {number} [$ratios=0] - Specify how far along you want the element to move.
 * @param {string} [$col-or-span=column] - Specify whether the element has a gutter or not.
 * @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * Reset an element that has had shift() applied to it.
 */
/**
 * View the grid and its layers for easy debugging.
 * @param {string} [$color=black] - The background tint applied.
 * @param {boolean} [$important=false] - Whether to apply the style as !important.
 */
/**
 *  Alias for edit().
 */
/**
 * Horizontally center an element.
 * @param {number} [$max-width=1410px] - The max width the element can be.
 * @param {number} [$pad=0] - Specify the element's left and right padding.
 */
/**
 * Uncenter an element.
 */
/**
 * Stack an element so that nothing is either side of it.
 * @param {number} [$pad=0] - Specify the element's left and right padding.
 * @param {boolean/string} [$align=false] - Specify the text align for the element.
 */
/**
 * Unstack an element.
 */
/**
 * Center an element on either or both axes.
 * @requires A parent container with relative positioning.
 * @param {string} [$direction=both] - Specify which axes to center the element on.
 */
/**
 * Apply a clearfix to an element.
 */
/*
Generic rules are project-agnostic.
These can be copied from any project to the next
*/
/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

a, a:hover {
  text-decoration: none; }

a {
  outline: 0; }

a:hover, a:active, a:focus {
  outline: none; }

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
select,
textarea {
  font-family: sans-serif;
  border: none; }

/**
 * Address margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0; }

* {
  font-weight: normal;
  outline: none; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
  font-size: 2em; }

h2 {
  font-size: 1.5em; }

h3 {
  font-size: 1.17em; }

h4 {
  font-size: 1em; }

h5 {
  font-size: 0.83em; }

h6 {
  font-size: 0.67em; }

select[disabled] {
  opacity: 1; }

div[disabled] {
  opacity: 1;
  background-color: #fff; }

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
  font-weight: 700; }
  b a,
  strong a {
    font-weight: 700; }

blockquote {
  margin: 1em 40px; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Address styling not present in IE 6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address margins set differently in IE 6/7.
 */
p,
pre {
  margin: 0; }

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none; }

/**
 * Address `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: '';
  content: none; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 0;
  list-style-type: none; }

dd {
  margin: 0; }

/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0; }

/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */ }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: none;
  padding: 0;
  margin: 0; }

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */ }

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */ }

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
  outline: none; }

select:focus, textarea:focus, label:focus {
  outline: none;
  background: none; }

* {
  margin: 0; }

*,
*:before,
*:after {
  box-sizing: border-box; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
  -webkit-appearance: checkbox; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

input[type=range] {
  -webkit-appearance: slider-horizontal; }

input[type=range]:focus {
  outline: none;
  /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */ }

input[type=range]::-ms-track {
  width: 100%;
  cursor: pointer; }

/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/*
input {
    -webkit-appearance: value;
    -moz-appearance: value;
    appearance: value;
}
*/
html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

/*
h1, h2, h3, h4, h5, h6,
ul, ol, dl,
blockquote, p, address,
hr,
table,
fieldset, figure,
pre {
    margin-bottom: $base-spacing-unit;
}

ul, ol,
dd {
    margin-left: $base-spacing-unit;
}
*/
/*
Elements are rules for classless HTML tags.
There can exist no classes at this layer, only further into our triangle.
*/
/*
Objects are "formless", in other words invisible to the user, no cosmetics
  Eg. wrappers, grid systems, etc.
This is the first layer of classes and should be agnostically named
  Eg. list-inline, ui-list, etc.
*/
/* .wrapper {*/
/*     max-width: 960px;*/
/*     margin: 0px auto;*/
/*     padding: 0px 15px;*/
/*     width: 90%;*/
/*     display: block;*/
/*     @include bp(mobile-p-max){*/
/*      width:100%;*/
/*     }*/
/* }*/
/* .o-wrapper-f {*/
/*  @include center($max_width: 1280px, $pad: 10px);*/
/*  @include bp(tablet){*/
/*      padding: 0  40px;*/
/*  }*/
/* }*/
/* ==================================================
  Bootstrap 4 grid only by 29's
  ================================================== */
/* ==================================================
  Bootstrap 4 grid only by 29's
  ================================================== */
/* Bootstrap Grid only*/
/**/
/* Includes relevant variables and mixins for the regular (non-flexbox) grid*/
/* system, as well as the generated predefined classes (e.g., `.col-4-sm`).*/
/**/
/* Variables*/
/**/
/* Grid breakpoints*/
/**/
/* Define the minimum and maximum dimensions at which your layout will change,*/
/* adapting to different screen sizes, for use in media queries.*/
/* Grid containers*/
/**/
/* Define the maximum width of `.container` for different screen sizes.*/
/* Grid columns*/
/**/
/* Set the number of columns and specify the width of the gutters.*/
/* 30px*/
/**/
/* Grid mixins*/
/**/
.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem; }
  .container::after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 544px) {
    .container {
      max-width: 576px; } }
  @media (min-width: 768px) {
    .container {
      max-width: 720px; } }
  @media (min-width: 992px) {
    .container {
      max-width: 940px; } }
  @media (min-width: 1200px) {
    .container {
      max-width: 1170px; } }

.container-fluid {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem; }
  .container-fluid::after {
    content: "";
    display: table;
    clear: both; }

.row {
  margin-left: -0.9375rem;
  margin-right: -0.9375rem; }
  .row::after {
    content: "";
    display: table;
    clear: both; }

.col-xs-1 {
  position: relative;
  min-height: 1px;
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
  float: left;
  width: 8.33333%; }

.col-xs-2 {
  position: relative;
  min-height: 1px;
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
  float: left;
  width: 16.66667%; }

.col-xs-3 {
  position: relative;
  min-height: 1px;
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
  float: left;
  width: 25%; }

.col-xs-4 {
  position: relative;
  min-height: 1px;
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
  float: left;
  width: 33.33333%; }

.col-xs-5 {
  position: relative;
  min-height: 1px;
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
  float: left;
  width: 41.66667%; }

.col-xs-6 {
  position: relative;
  min-height: 1px;
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
  float: left;
  width: 50%; }

.col-xs-7 {
  position: relative;
  min-height: 1px;
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
  float: left;
  width: 58.33333%; }

.col-xs-8 {
  position: relative;
  min-height: 1px;
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
  float: left;
  width: 66.66667%; }

.col-xs-9 {
  position: relative;
  min-height: 1px;
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
  float: left;
  width: 75%; }

.col-xs-10 {
  position: relative;
  min-height: 1px;
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
  float: left;
  width: 83.33333%; }

.col-xs-11 {
  position: relative;
  min-height: 1px;
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
  float: left;
  width: 91.66667%; }

.col-xs-12 {
  position: relative;
  min-height: 1px;
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
  float: left;
  width: 100%; }

.pull-xs-0 {
  right: auto; }

.pull-xs-1 {
  right: 8.33333%; }

.pull-xs-2 {
  right: 16.66667%; }

.pull-xs-3 {
  right: 25%; }

.pull-xs-4 {
  right: 33.33333%; }

.pull-xs-5 {
  right: 41.66667%; }

.pull-xs-6 {
  right: 50%; }

.pull-xs-7 {
  right: 58.33333%; }

.pull-xs-8 {
  right: 66.66667%; }

.pull-xs-9 {
  right: 75%; }

.pull-xs-10 {
  right: 83.33333%; }

.pull-xs-11 {
  right: 91.66667%; }

.pull-xs-12 {
  right: 100%; }

.push-xs-0 {
  left: auto; }

.push-xs-1 {
  left: 8.33333%; }

.push-xs-2 {
  left: 16.66667%; }

.push-xs-3 {
  left: 25%; }

.push-xs-4 {
  left: 33.33333%; }

.push-xs-5 {
  left: 41.66667%; }

.push-xs-6 {
  left: 50%; }

.push-xs-7 {
  left: 58.33333%; }

.push-xs-8 {
  left: 66.66667%; }

.push-xs-9 {
  left: 75%; }

.push-xs-10 {
  left: 83.33333%; }

.push-xs-11 {
  left: 91.66667%; }

.push-xs-12 {
  left: 100%; }

.offset-xs-1 {
  margin-left: 8.33333%; }

.offset-xs-2 {
  margin-left: 16.66667%; }

.offset-xs-3 {
  margin-left: 25%; }

.offset-xs-4 {
  margin-left: 33.33333%; }

.offset-xs-5 {
  margin-left: 41.66667%; }

.offset-xs-6 {
  margin-left: 50%; }

.offset-xs-7 {
  margin-left: 58.33333%; }

.offset-xs-8 {
  margin-left: 66.66667%; }

.offset-xs-9 {
  margin-left: 75%; }

.offset-xs-10 {
  margin-left: 83.33333%; }

.offset-xs-11 {
  margin-left: 91.66667%; }

@media (min-width: 544px) {
  .col-sm-1 {
    position: relative;
    min-height: 1px;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: left;
    width: 8.33333%; }

  .col-sm-2 {
    position: relative;
    min-height: 1px;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: left;
    width: 16.66667%; }

  .col-sm-3 {
    position: relative;
    min-height: 1px;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: left;
    width: 25%; }

  .col-sm-4 {
    position: relative;
    min-height: 1px;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: left;
    width: 33.33333%; }

  .col-sm-5 {
    position: relative;
    min-height: 1px;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: left;
    width: 41.66667%; }

  .col-sm-6 {
    position: relative;
    min-height: 1px;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: left;
    width: 50%; }

  .col-sm-7 {
    position: relative;
    min-height: 1px;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: left;
    width: 58.33333%; }

  .col-sm-8 {
    position: relative;
    min-height: 1px;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: left;
    width: 66.66667%; }

  .col-sm-9 {
    position: relative;
    min-height: 1px;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: left;
    width: 75%; }

  .col-sm-10 {
    position: relative;
    min-height: 1px;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: left;
    width: 83.33333%; }

  .col-sm-11 {
    position: relative;
    min-height: 1px;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: left;
    width: 91.66667%; }

  .col-sm-12 {
    position: relative;
    min-height: 1px;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: left;
    width: 100%; }

  .pull-sm-0 {
    right: auto; }

  .pull-sm-1 {
    right: 8.33333%; }

  .pull-sm-2 {
    right: 16.66667%; }

  .pull-sm-3 {
    right: 25%; }

  .pull-sm-4 {
    right: 33.33333%; }

  .pull-sm-5 {
    right: 41.66667%; }

  .pull-sm-6 {
    right: 50%; }

  .pull-sm-7 {
    right: 58.33333%; }

  .pull-sm-8 {
    right: 66.66667%; }

  .pull-sm-9 {
    right: 75%; }

  .pull-sm-10 {
    right: 83.33333%; }

  .pull-sm-11 {
    right: 91.66667%; }

  .pull-sm-12 {
    right: 100%; }

  .push-sm-0 {
    left: auto; }

  .push-sm-1 {
    left: 8.33333%; }

  .push-sm-2 {
    left: 16.66667%; }

  .push-sm-3 {
    left: 25%; }

  .push-sm-4 {
    left: 33.33333%; }

  .push-sm-5 {
    left: 41.66667%; }

  .push-sm-6 {
    left: 50%; }

  .push-sm-7 {
    left: 58.33333%; }

  .push-sm-8 {
    left: 66.66667%; }

  .push-sm-9 {
    left: 75%; }

  .push-sm-10 {
    left: 83.33333%; }

  .push-sm-11 {
    left: 91.66667%; }

  .push-sm-12 {
    left: 100%; }

  .offset-sm-0 {
    margin-left: 0%; }

  .offset-sm-1 {
    margin-left: 8.33333%; }

  .offset-sm-2 {
    margin-left: 16.66667%; }

  .offset-sm-3 {
    margin-left: 25%; }

  .offset-sm-4 {
    margin-left: 33.33333%; }

  .offset-sm-5 {
    margin-left: 41.66667%; }

  .offset-sm-6 {
    margin-left: 50%; }

  .offset-sm-7 {
    margin-left: 58.33333%; }

  .offset-sm-8 {
    margin-left: 66.66667%; }

  .offset-sm-9 {
    margin-left: 75%; }

  .offset-sm-10 {
    margin-left: 83.33333%; }

  .offset-sm-11 {
    margin-left: 91.66667%; } }
@media (min-width: 768px) {
  .col-md-1 {
    position: relative;
    min-height: 1px;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: left;
    width: 8.33333%; }

  .col-md-2 {
    position: relative;
    min-height: 1px;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: left;
    width: 16.66667%; }

  .col-md-3 {
    position: relative;
    min-height: 1px;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: left;
    width: 25%; }

  .col-md-4 {
    position: relative;
    min-height: 1px;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: left;
    width: 33.33333%; }

  .col-md-5 {
    position: relative;
    min-height: 1px;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: left;
    width: 41.66667%; }

  .col-md-6 {
    position: relative;
    min-height: 1px;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: left;
    width: 50%; }

  .col-md-7 {
    position: relative;
    min-height: 1px;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: left;
    width: 58.33333%; }

  .col-md-8 {
    position: relative;
    min-height: 1px;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: left;
    width: 66.66667%; }

  .col-md-9 {
    position: relative;
    min-height: 1px;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: left;
    width: 75%; }

  .col-md-10 {
    position: relative;
    min-height: 1px;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: left;
    width: 83.33333%; }

  .col-md-11 {
    position: relative;
    min-height: 1px;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: left;
    width: 91.66667%; }

  .col-md-12 {
    position: relative;
    min-height: 1px;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: left;
    width: 100%; }

  .pull-md-0 {
    right: auto; }

  .pull-md-1 {
    right: 8.33333%; }

  .pull-md-2 {
    right: 16.66667%; }

  .pull-md-3 {
    right: 25%; }

  .pull-md-4 {
    right: 33.33333%; }

  .pull-md-5 {
    right: 41.66667%; }

  .pull-md-6 {
    right: 50%; }

  .pull-md-7 {
    right: 58.33333%; }

  .pull-md-8 {
    right: 66.66667%; }

  .pull-md-9 {
    right: 75%; }

  .pull-md-10 {
    right: 83.33333%; }

  .pull-md-11 {
    right: 91.66667%; }

  .pull-md-12 {
    right: 100%; }

  .push-md-0 {
    left: auto; }

  .push-md-1 {
    left: 8.33333%; }

  .push-md-2 {
    left: 16.66667%; }

  .push-md-3 {
    left: 25%; }

  .push-md-4 {
    left: 33.33333%; }

  .push-md-5 {
    left: 41.66667%; }

  .push-md-6 {
    left: 50%; }

  .push-md-7 {
    left: 58.33333%; }

  .push-md-8 {
    left: 66.66667%; }

  .push-md-9 {
    left: 75%; }

  .push-md-10 {
    left: 83.33333%; }

  .push-md-11 {
    left: 91.66667%; }

  .push-md-12 {
    left: 100%; }

  .offset-md-0 {
    margin-left: 0%; }

  .offset-md-1 {
    margin-left: 8.33333%; }

  .offset-md-2 {
    margin-left: 16.66667%; }

  .offset-md-3 {
    margin-left: 25%; }

  .offset-md-4 {
    margin-left: 33.33333%; }

  .offset-md-5 {
    margin-left: 41.66667%; }

  .offset-md-6 {
    margin-left: 50%; }

  .offset-md-7 {
    margin-left: 58.33333%; }

  .offset-md-8 {
    margin-left: 66.66667%; }

  .offset-md-9 {
    margin-left: 75%; }

  .offset-md-10 {
    margin-left: 83.33333%; }

  .offset-md-11 {
    margin-left: 91.66667%; } }
@media (min-width: 992px) {
  .col-lg-1 {
    position: relative;
    min-height: 1px;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: left;
    width: 8.33333%; }

  .col-lg-2 {
    position: relative;
    min-height: 1px;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: left;
    width: 16.66667%; }

  .col-lg-3 {
    position: relative;
    min-height: 1px;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: left;
    width: 25%; }

  .col-lg-4 {
    position: relative;
    min-height: 1px;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: left;
    width: 33.33333%; }

  .col-lg-5 {
    position: relative;
    min-height: 1px;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: left;
    width: 41.66667%; }

  .col-lg-6 {
    position: relative;
    min-height: 1px;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: left;
    width: 50%; }

  .col-lg-7 {
    position: relative;
    min-height: 1px;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: left;
    width: 58.33333%; }

  .col-lg-8 {
    position: relative;
    min-height: 1px;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: left;
    width: 66.66667%; }

  .col-lg-9 {
    position: relative;
    min-height: 1px;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: left;
    width: 75%; }

  .col-lg-10 {
    position: relative;
    min-height: 1px;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: left;
    width: 83.33333%; }

  .col-lg-11 {
    position: relative;
    min-height: 1px;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: left;
    width: 91.66667%; }

  .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: left;
    width: 100%; }

  .pull-lg-0 {
    right: auto; }

  .pull-lg-1 {
    right: 8.33333%; }

  .pull-lg-2 {
    right: 16.66667%; }

  .pull-lg-3 {
    right: 25%; }

  .pull-lg-4 {
    right: 33.33333%; }

  .pull-lg-5 {
    right: 41.66667%; }

  .pull-lg-6 {
    right: 50%; }

  .pull-lg-7 {
    right: 58.33333%; }

  .pull-lg-8 {
    right: 66.66667%; }

  .pull-lg-9 {
    right: 75%; }

  .pull-lg-10 {
    right: 83.33333%; }

  .pull-lg-11 {
    right: 91.66667%; }

  .pull-lg-12 {
    right: 100%; }

  .push-lg-0 {
    left: auto; }

  .push-lg-1 {
    left: 8.33333%; }

  .push-lg-2 {
    left: 16.66667%; }

  .push-lg-3 {
    left: 25%; }

  .push-lg-4 {
    left: 33.33333%; }

  .push-lg-5 {
    left: 41.66667%; }

  .push-lg-6 {
    left: 50%; }

  .push-lg-7 {
    left: 58.33333%; }

  .push-lg-8 {
    left: 66.66667%; }

  .push-lg-9 {
    left: 75%; }

  .push-lg-10 {
    left: 83.33333%; }

  .push-lg-11 {
    left: 91.66667%; }

  .push-lg-12 {
    left: 100%; }

  .offset-lg-0 {
    margin-left: 0%; }

  .offset-lg-1 {
    margin-left: 8.33333%; }

  .offset-lg-2 {
    margin-left: 16.66667%; }

  .offset-lg-3 {
    margin-left: 25%; }

  .offset-lg-4 {
    margin-left: 33.33333%; }

  .offset-lg-5 {
    margin-left: 41.66667%; }

  .offset-lg-6 {
    margin-left: 50%; }

  .offset-lg-7 {
    margin-left: 58.33333%; }

  .offset-lg-8 {
    margin-left: 66.66667%; }

  .offset-lg-9 {
    margin-left: 75%; }

  .offset-lg-10 {
    margin-left: 83.33333%; }

  .offset-lg-11 {
    margin-left: 91.66667%; } }
@media (min-width: 1200px) {
  .col-xl-1 {
    position: relative;
    min-height: 1px;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: left;
    width: 8.33333%; }

  .col-xl-2 {
    position: relative;
    min-height: 1px;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: left;
    width: 16.66667%; }

  .col-xl-3 {
    position: relative;
    min-height: 1px;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: left;
    width: 25%; }

  .col-xl-4 {
    position: relative;
    min-height: 1px;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: left;
    width: 33.33333%; }

  .col-xl-5 {
    position: relative;
    min-height: 1px;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: left;
    width: 41.66667%; }

  .col-xl-6 {
    position: relative;
    min-height: 1px;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: left;
    width: 50%; }

  .col-xl-7 {
    position: relative;
    min-height: 1px;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: left;
    width: 58.33333%; }

  .col-xl-8 {
    position: relative;
    min-height: 1px;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: left;
    width: 66.66667%; }

  .col-xl-9 {
    position: relative;
    min-height: 1px;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: left;
    width: 75%; }

  .col-xl-10 {
    position: relative;
    min-height: 1px;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: left;
    width: 83.33333%; }

  .col-xl-11 {
    position: relative;
    min-height: 1px;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: left;
    width: 91.66667%; }

  .col-xl-12 {
    position: relative;
    min-height: 1px;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: left;
    width: 100%; }

  .pull-xl-0 {
    right: auto; }

  .pull-xl-1 {
    right: 8.33333%; }

  .pull-xl-2 {
    right: 16.66667%; }

  .pull-xl-3 {
    right: 25%; }

  .pull-xl-4 {
    right: 33.33333%; }

  .pull-xl-5 {
    right: 41.66667%; }

  .pull-xl-6 {
    right: 50%; }

  .pull-xl-7 {
    right: 58.33333%; }

  .pull-xl-8 {
    right: 66.66667%; }

  .pull-xl-9 {
    right: 75%; }

  .pull-xl-10 {
    right: 83.33333%; }

  .pull-xl-11 {
    right: 91.66667%; }

  .pull-xl-12 {
    right: 100%; }

  .push-xl-0 {
    left: auto; }

  .push-xl-1 {
    left: 8.33333%; }

  .push-xl-2 {
    left: 16.66667%; }

  .push-xl-3 {
    left: 25%; }

  .push-xl-4 {
    left: 33.33333%; }

  .push-xl-5 {
    left: 41.66667%; }

  .push-xl-6 {
    left: 50%; }

  .push-xl-7 {
    left: 58.33333%; }

  .push-xl-8 {
    left: 66.66667%; }

  .push-xl-9 {
    left: 75%; }

  .push-xl-10 {
    left: 83.33333%; }

  .push-xl-11 {
    left: 91.66667%; }

  .push-xl-12 {
    left: 100%; }

  .offset-xl-0 {
    margin-left: 0%; }

  .offset-xl-1 {
    margin-left: 8.33333%; }

  .offset-xl-2 {
    margin-left: 16.66667%; }

  .offset-xl-3 {
    margin-left: 25%; }

  .offset-xl-4 {
    margin-left: 33.33333%; }

  .offset-xl-5 {
    margin-left: 41.66667%; }

  .offset-xl-6 {
    margin-left: 50%; }

  .offset-xl-7 {
    margin-left: 58.33333%; }

  .offset-xl-8 {
    margin-left: 66.66667%; }

  .offset-xl-9 {
    margin-left: 75%; }

  .offset-xl-10 {
    margin-left: 83.33333%; }

  .offset-xl-11 {
    margin-left: 91.66667%; } }
/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/*
@import "variables";
@import "mixins";
@import "path";
@import "core";
@import "larger";
@import "fixed-width";
@import "list";
@import "bordered-pulled";
@import "animated";
@import "rotated-flipped";
@import "stacked";
@import "icons";
*/
/*!
 *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
/*!
 *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=4.6.3");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.6.3") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.6.3") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.6.3") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.28571429em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none; }

.fa-ul > li {
  position: relative; }

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center; }

.fa-li.fa-lg {
  left: -1.85714286em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right {
  margin-left: .3em; }

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: .3em; }

.fa.pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none; }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #ffffff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000"; }

.fa-music:before {
  content: "\f001"; }

.fa-search:before {
  content: "\f002"; }

.fa-envelope-o:before {
  content: "\f003"; }

.fa-heart:before {
  content: "\f004"; }

.fa-star:before {
  content: "\f005"; }

.fa-star-o:before {
  content: "\f006"; }

.fa-user:before {
  content: "\f007"; }

.fa-film:before {
  content: "\f008"; }

.fa-th-large:before {
  content: "\f009"; }

.fa-th:before {
  content: "\f00a"; }

.fa-th-list:before {
  content: "\f00b"; }

.fa-check:before {
  content: "\f00c"; }

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d"; }

.fa-search-plus:before {
  content: "\f00e"; }

.fa-search-minus:before {
  content: "\f010"; }

.fa-power-off:before {
  content: "\f011"; }

.fa-signal:before {
  content: "\f012"; }

.fa-gear:before,
.fa-cog:before {
  content: "\f013"; }

.fa-trash-o:before {
  content: "\f014"; }

.fa-home:before {
  content: "\f015"; }

.fa-file-o:before {
  content: "\f016"; }

.fa-clock-o:before {
  content: "\f017"; }

.fa-road:before {
  content: "\f018"; }

.fa-download:before {
  content: "\f019"; }

.fa-arrow-circle-o-down:before {
  content: "\f01a"; }

.fa-arrow-circle-o-up:before {
  content: "\f01b"; }

.fa-inbox:before {
  content: "\f01c"; }

.fa-play-circle-o:before {
  content: "\f01d"; }

.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e"; }

.fa-refresh:before {
  content: "\f021"; }

.fa-list-alt:before {
  content: "\f022"; }

.fa-lock:before {
  content: "\f023"; }

.fa-flag:before {
  content: "\f024"; }

.fa-headphones:before {
  content: "\f025"; }

.fa-volume-off:before {
  content: "\f026"; }

.fa-volume-down:before {
  content: "\f027"; }

.fa-volume-up:before {
  content: "\f028"; }

.fa-qrcode:before {
  content: "\f029"; }

.fa-barcode:before {
  content: "\f02a"; }

.fa-tag:before {
  content: "\f02b"; }

.fa-tags:before {
  content: "\f02c"; }

.fa-book:before {
  content: "\f02d"; }

.fa-bookmark:before {
  content: "\f02e"; }

.fa-print:before {
  content: "\f02f"; }

.fa-camera:before {
  content: "\f030"; }

.fa-font:before {
  content: "\f031"; }

.fa-bold:before {
  content: "\f032"; }

.fa-italic:before {
  content: "\f033"; }

.fa-text-height:before {
  content: "\f034"; }

.fa-text-width:before {
  content: "\f035"; }

.fa-align-left:before {
  content: "\f036"; }

.fa-align-center:before {
  content: "\f037"; }

.fa-align-right:before {
  content: "\f038"; }

.fa-align-justify:before {
  content: "\f039"; }

.fa-list:before {
  content: "\f03a"; }

.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b"; }

.fa-indent:before {
  content: "\f03c"; }

.fa-video-camera:before {
  content: "\f03d"; }

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e"; }

.fa-pencil:before {
  content: "\f040"; }

.fa-map-marker:before {
  content: "\f041"; }

.fa-adjust:before {
  content: "\f042"; }

.fa-tint:before {
  content: "\f043"; }

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044"; }

.fa-share-square-o:before {
  content: "\f045"; }

.fa-check-square-o:before {
  content: "\f046"; }

.fa-arrows:before {
  content: "\f047"; }

.fa-step-backward:before {
  content: "\f048"; }

.fa-fast-backward:before {
  content: "\f049"; }

.fa-backward:before {
  content: "\f04a"; }

.fa-play:before {
  content: "\f04b"; }

.fa-pause:before {
  content: "\f04c"; }

.fa-stop:before {
  content: "\f04d"; }

.fa-forward:before {
  content: "\f04e"; }

.fa-fast-forward:before {
  content: "\f050"; }

.fa-step-forward:before {
  content: "\f051"; }

.fa-eject:before {
  content: "\f052"; }

.fa-chevron-left:before {
  content: "\f053"; }

.fa-chevron-right:before {
  content: "\f054"; }

.fa-plus-circle:before {
  content: "\f055"; }

.fa-minus-circle:before {
  content: "\f056"; }

.fa-times-circle:before {
  content: "\f057"; }

.fa-check-circle:before {
  content: "\f058"; }

.fa-question-circle:before {
  content: "\f059"; }

.fa-info-circle:before {
  content: "\f05a"; }

.fa-crosshairs:before {
  content: "\f05b"; }

.fa-times-circle-o:before {
  content: "\f05c"; }

.fa-check-circle-o:before {
  content: "\f05d"; }

.fa-ban:before {
  content: "\f05e"; }

.fa-arrow-left:before {
  content: "\f060"; }

.fa-arrow-right:before {
  content: "\f061"; }

.fa-arrow-up:before {
  content: "\f062"; }

.fa-arrow-down:before {
  content: "\f063"; }

.fa-mail-forward:before,
.fa-share:before {
  content: "\f064"; }

.fa-expand:before {
  content: "\f065"; }

.fa-compress:before {
  content: "\f066"; }

.fa-plus:before {
  content: "\f067"; }

.fa-minus:before {
  content: "\f068"; }

.fa-asterisk:before {
  content: "\f069"; }

.fa-exclamation-circle:before {
  content: "\f06a"; }

.fa-gift:before {
  content: "\f06b"; }

.fa-leaf:before {
  content: "\f06c"; }

.fa-fire:before {
  content: "\f06d"; }

.fa-eye:before {
  content: "\f06e"; }

.fa-eye-slash:before {
  content: "\f070"; }

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071"; }

.fa-plane:before {
  content: "\f072"; }

.fa-calendar:before {
  content: "\f073"; }

.fa-random:before {
  content: "\f074"; }

.fa-comment:before {
  content: "\f075"; }

.fa-magnet:before {
  content: "\f076"; }

.fa-chevron-up:before {
  content: "\f077"; }

.fa-chevron-down:before {
  content: "\f078"; }

.fa-retweet:before {
  content: "\f079"; }

.fa-shopping-cart:before {
  content: "\f07a"; }

.fa-folder:before {
  content: "\f07b"; }

.fa-folder-open:before {
  content: "\f07c"; }

.fa-arrows-v:before {
  content: "\f07d"; }

.fa-arrows-h:before {
  content: "\f07e"; }

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080"; }

.fa-twitter-square:before {
  content: "\f081"; }

.fa-facebook-square:before {
  content: "\f082"; }

.fa-camera-retro:before {
  content: "\f083"; }

.fa-key:before {
  content: "\f084"; }

.fa-gears:before,
.fa-cogs:before {
  content: "\f085"; }

.fa-comments:before {
  content: "\f086"; }

.fa-thumbs-o-up:before {
  content: "\f087"; }

.fa-thumbs-o-down:before {
  content: "\f088"; }

.fa-star-half:before {
  content: "\f089"; }

.fa-heart-o:before {
  content: "\f08a"; }

.fa-sign-out:before {
  content: "\f08b"; }

.fa-linkedin-square:before {
  content: "\f08c"; }

.fa-thumb-tack:before {
  content: "\f08d"; }

.fa-external-link:before {
  content: "\f08e"; }

.fa-sign-in:before {
  content: "\f090"; }

.fa-trophy:before {
  content: "\f091"; }

.fa-github-square:before {
  content: "\f092"; }

.fa-upload:before {
  content: "\f093"; }

.fa-lemon-o:before {
  content: "\f094"; }

.fa-phone:before {
  content: "\f095"; }

.fa-square-o:before {
  content: "\f096"; }

.fa-bookmark-o:before {
  content: "\f097"; }

.fa-phone-square:before {
  content: "\f098"; }

.fa-twitter:before {
  content: "\f099"; }

.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a"; }

.fa-github:before {
  content: "\f09b"; }

.fa-unlock:before {
  content: "\f09c"; }

.fa-credit-card:before {
  content: "\f09d"; }

.fa-feed:before,
.fa-rss:before {
  content: "\f09e"; }

.fa-hdd-o:before {
  content: "\f0a0"; }

.fa-bullhorn:before {
  content: "\f0a1"; }

.fa-bell:before {
  content: "\f0f3"; }

.fa-certificate:before {
  content: "\f0a3"; }

.fa-hand-o-right:before {
  content: "\f0a4"; }

.fa-hand-o-left:before {
  content: "\f0a5"; }

.fa-hand-o-up:before {
  content: "\f0a6"; }

.fa-hand-o-down:before {
  content: "\f0a7"; }

.fa-arrow-circle-left:before {
  content: "\f0a8"; }

.fa-arrow-circle-right:before {
  content: "\f0a9"; }

.fa-arrow-circle-up:before {
  content: "\f0aa"; }

.fa-arrow-circle-down:before {
  content: "\f0ab"; }

.fa-globe:before {
  content: "\f0ac"; }

.fa-wrench:before {
  content: "\f0ad"; }

.fa-tasks:before {
  content: "\f0ae"; }

.fa-filter:before {
  content: "\f0b0"; }

.fa-briefcase:before {
  content: "\f0b1"; }

.fa-arrows-alt:before {
  content: "\f0b2"; }

.fa-group:before,
.fa-users:before {
  content: "\f0c0"; }

.fa-chain:before,
.fa-link:before {
  content: "\f0c1"; }

.fa-cloud:before {
  content: "\f0c2"; }

.fa-flask:before {
  content: "\f0c3"; }

.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4"; }

.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5"; }

.fa-paperclip:before {
  content: "\f0c6"; }

.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7"; }

.fa-square:before {
  content: "\f0c8"; }

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9"; }

.fa-list-ul:before {
  content: "\f0ca"; }

.fa-list-ol:before {
  content: "\f0cb"; }

.fa-strikethrough:before {
  content: "\f0cc"; }

.fa-underline:before {
  content: "\f0cd"; }

.fa-table:before {
  content: "\f0ce"; }

.fa-magic:before {
  content: "\f0d0"; }

.fa-truck:before {
  content: "\f0d1"; }

.fa-pinterest:before {
  content: "\f0d2"; }

.fa-pinterest-square:before {
  content: "\f0d3"; }

.fa-google-plus-square:before {
  content: "\f0d4"; }

.fa-google-plus:before {
  content: "\f0d5"; }

.fa-money:before {
  content: "\f0d6"; }

.fa-caret-down:before {
  content: "\f0d7"; }

.fa-caret-up:before {
  content: "\f0d8"; }

.fa-caret-left:before {
  content: "\f0d9"; }

.fa-caret-right:before {
  content: "\f0da"; }

.fa-columns:before {
  content: "\f0db"; }

.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc"; }

.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd"; }

.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de"; }

.fa-envelope:before {
  content: "\f0e0"; }

.fa-linkedin:before {
  content: "\f0e1"; }

.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2"; }

.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3"; }

.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4"; }

.fa-comment-o:before {
  content: "\f0e5"; }

.fa-comments-o:before {
  content: "\f0e6"; }

.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7"; }

.fa-sitemap:before {
  content: "\f0e8"; }

.fa-umbrella:before {
  content: "\f0e9"; }

.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea"; }

.fa-lightbulb-o:before {
  content: "\f0eb"; }

.fa-exchange:before {
  content: "\f0ec"; }

.fa-cloud-download:before {
  content: "\f0ed"; }

.fa-cloud-upload:before {
  content: "\f0ee"; }

.fa-user-md:before {
  content: "\f0f0"; }

.fa-stethoscope:before {
  content: "\f0f1"; }

.fa-suitcase:before {
  content: "\f0f2"; }

.fa-bell-o:before {
  content: "\f0a2"; }

.fa-coffee:before {
  content: "\f0f4"; }

.fa-cutlery:before {
  content: "\f0f5"; }

.fa-file-text-o:before {
  content: "\f0f6"; }

.fa-building-o:before {
  content: "\f0f7"; }

.fa-hospital-o:before {
  content: "\f0f8"; }

.fa-ambulance:before {
  content: "\f0f9"; }

.fa-medkit:before {
  content: "\f0fa"; }

.fa-fighter-jet:before {
  content: "\f0fb"; }

.fa-beer:before {
  content: "\f0fc"; }

.fa-h-square:before {
  content: "\f0fd"; }

.fa-plus-square:before {
  content: "\f0fe"; }

.fa-angle-double-left:before {
  content: "\f100"; }

.fa-angle-double-right:before {
  content: "\f101"; }

.fa-angle-double-up:before {
  content: "\f102"; }

.fa-angle-double-down:before {
  content: "\f103"; }

.fa-angle-left:before {
  content: "\f104"; }

.fa-angle-right:before {
  content: "\f105"; }

.fa-angle-up:before {
  content: "\f106"; }

.fa-angle-down:before {
  content: "\f107"; }

.fa-desktop:before {
  content: "\f108"; }

.fa-laptop:before {
  content: "\f109"; }

.fa-tablet:before {
  content: "\f10a"; }

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b"; }

.fa-circle-o:before {
  content: "\f10c"; }

.fa-quote-left:before {
  content: "\f10d"; }

.fa-quote-right:before {
  content: "\f10e"; }

.fa-spinner:before {
  content: "\f110"; }

.fa-circle:before {
  content: "\f111"; }

.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112"; }

.fa-github-alt:before {
  content: "\f113"; }

.fa-folder-o:before {
  content: "\f114"; }

.fa-folder-open-o:before {
  content: "\f115"; }

.fa-smile-o:before {
  content: "\f118"; }

.fa-frown-o:before {
  content: "\f119"; }

.fa-meh-o:before {
  content: "\f11a"; }

.fa-gamepad:before {
  content: "\f11b"; }

.fa-keyboard-o:before {
  content: "\f11c"; }

.fa-flag-o:before {
  content: "\f11d"; }

.fa-flag-checkered:before {
  content: "\f11e"; }

.fa-terminal:before {
  content: "\f120"; }

.fa-code:before {
  content: "\f121"; }

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122"; }

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123"; }

.fa-location-arrow:before {
  content: "\f124"; }

.fa-crop:before {
  content: "\f125"; }

.fa-code-fork:before {
  content: "\f126"; }

.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127"; }

.fa-question:before {
  content: "\f128"; }

.fa-info:before {
  content: "\f129"; }

.fa-exclamation:before {
  content: "\f12a"; }

.fa-superscript:before {
  content: "\f12b"; }

.fa-subscript:before {
  content: "\f12c"; }

.fa-eraser:before {
  content: "\f12d"; }

.fa-puzzle-piece:before {
  content: "\f12e"; }

.fa-microphone:before {
  content: "\f130"; }

.fa-microphone-slash:before {
  content: "\f131"; }

.fa-shield:before {
  content: "\f132"; }

.fa-calendar-o:before {
  content: "\f133"; }

.fa-fire-extinguisher:before {
  content: "\f134"; }

.fa-rocket:before {
  content: "\f135"; }

.fa-maxcdn:before {
  content: "\f136"; }

.fa-chevron-circle-left:before {
  content: "\f137"; }

.fa-chevron-circle-right:before {
  content: "\f138"; }

.fa-chevron-circle-up:before {
  content: "\f139"; }

.fa-chevron-circle-down:before {
  content: "\f13a"; }

.fa-html5:before {
  content: "\f13b"; }

.fa-css3:before {
  content: "\f13c"; }

.fa-anchor:before {
  content: "\f13d"; }

.fa-unlock-alt:before {
  content: "\f13e"; }

.fa-bullseye:before {
  content: "\f140"; }

.fa-ellipsis-h:before {
  content: "\f141"; }

.fa-ellipsis-v:before {
  content: "\f142"; }

.fa-rss-square:before {
  content: "\f143"; }

.fa-play-circle:before {
  content: "\f144"; }

.fa-ticket:before {
  content: "\f145"; }

.fa-minus-square:before {
  content: "\f146"; }

.fa-minus-square-o:before {
  content: "\f147"; }

.fa-level-up:before {
  content: "\f148"; }

.fa-level-down:before {
  content: "\f149"; }

.fa-check-square:before {
  content: "\f14a"; }

.fa-pencil-square:before {
  content: "\f14b"; }

.fa-external-link-square:before {
  content: "\f14c"; }

.fa-share-square:before {
  content: "\f14d"; }

.fa-compass:before {
  content: "\f14e"; }

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150"; }

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151"; }

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152"; }

.fa-euro:before,
.fa-eur:before {
  content: "\f153"; }

.fa-gbp:before {
  content: "\f154"; }

.fa-dollar:before,
.fa-usd:before {
  content: "\f155"; }

.fa-rupee:before,
.fa-inr:before {
  content: "\f156"; }

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157"; }

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158"; }

.fa-won:before,
.fa-krw:before {
  content: "\f159"; }

.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a"; }

.fa-file:before {
  content: "\f15b"; }

.fa-file-text:before {
  content: "\f15c"; }

.fa-sort-alpha-asc:before {
  content: "\f15d"; }

.fa-sort-alpha-desc:before {
  content: "\f15e"; }

.fa-sort-amount-asc:before {
  content: "\f160"; }

.fa-sort-amount-desc:before {
  content: "\f161"; }

.fa-sort-numeric-asc:before {
  content: "\f162"; }

.fa-sort-numeric-desc:before {
  content: "\f163"; }

.fa-thumbs-up:before {
  content: "\f164"; }

.fa-thumbs-down:before {
  content: "\f165"; }

.fa-youtube-square:before {
  content: "\f166"; }

.fa-youtube:before {
  content: "\f167"; }

.fa-xing:before {
  content: "\f168"; }

.fa-xing-square:before {
  content: "\f169"; }

.fa-youtube-play:before {
  content: "\f16a"; }

.fa-dropbox:before {
  content: "\f16b"; }

.fa-stack-overflow:before {
  content: "\f16c"; }

.fa-instagram:before {
  content: "\f16d"; }

.fa-flickr:before {
  content: "\f16e"; }

.fa-adn:before {
  content: "\f170"; }

.fa-bitbucket:before {
  content: "\f171"; }

.fa-bitbucket-square:before {
  content: "\f172"; }

.fa-tumblr:before {
  content: "\f173"; }

.fa-tumblr-square:before {
  content: "\f174"; }

.fa-long-arrow-down:before {
  content: "\f175"; }

.fa-long-arrow-up:before {
  content: "\f176"; }

.fa-long-arrow-left:before {
  content: "\f177"; }

.fa-long-arrow-right:before {
  content: "\f178"; }

.fa-apple:before {
  content: "\f179"; }

.fa-windows:before {
  content: "\f17a"; }

.fa-android:before {
  content: "\f17b"; }

.fa-linux:before {
  content: "\f17c"; }

.fa-dribbble:before {
  content: "\f17d"; }

.fa-skype:before {
  content: "\f17e"; }

.fa-foursquare:before {
  content: "\f180"; }

.fa-trello:before {
  content: "\f181"; }

.fa-female:before {
  content: "\f182"; }

.fa-male:before {
  content: "\f183"; }

.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184"; }

.fa-sun-o:before {
  content: "\f185"; }

.fa-moon-o:before {
  content: "\f186"; }

.fa-archive:before {
  content: "\f187"; }

.fa-bug:before {
  content: "\f188"; }

.fa-vk:before {
  content: "\f189"; }

.fa-weibo:before {
  content: "\f18a"; }

.fa-renren:before {
  content: "\f18b"; }

.fa-pagelines:before {
  content: "\f18c"; }

.fa-stack-exchange:before {
  content: "\f18d"; }

.fa-arrow-circle-o-right:before {
  content: "\f18e"; }

.fa-arrow-circle-o-left:before {
  content: "\f190"; }

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191"; }

.fa-dot-circle-o:before {
  content: "\f192"; }

.fa-wheelchair:before {
  content: "\f193"; }

.fa-vimeo-square:before {
  content: "\f194"; }

.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195"; }

.fa-plus-square-o:before {
  content: "\f196"; }

.fa-space-shuttle:before {
  content: "\f197"; }

.fa-slack:before {
  content: "\f198"; }

.fa-envelope-square:before {
  content: "\f199"; }

.fa-wordpress:before {
  content: "\f19a"; }

.fa-openid:before {
  content: "\f19b"; }

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c"; }

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d"; }

.fa-yahoo:before {
  content: "\f19e"; }

.fa-google:before {
  content: "\f1a0"; }

.fa-reddit:before {
  content: "\f1a1"; }

.fa-reddit-square:before {
  content: "\f1a2"; }

.fa-stumbleupon-circle:before {
  content: "\f1a3"; }

.fa-stumbleupon:before {
  content: "\f1a4"; }

.fa-delicious:before {
  content: "\f1a5"; }

.fa-digg:before {
  content: "\f1a6"; }

.fa-pied-piper-pp:before {
  content: "\f1a7"; }

.fa-pied-piper-alt:before {
  content: "\f1a8"; }

.fa-drupal:before {
  content: "\f1a9"; }

.fa-joomla:before {
  content: "\f1aa"; }

.fa-language:before {
  content: "\f1ab"; }

.fa-fax:before {
  content: "\f1ac"; }

.fa-building:before {
  content: "\f1ad"; }

.fa-child:before {
  content: "\f1ae"; }

.fa-paw:before {
  content: "\f1b0"; }

.fa-spoon:before {
  content: "\f1b1"; }

.fa-cube:before {
  content: "\f1b2"; }

.fa-cubes:before {
  content: "\f1b3"; }

.fa-behance:before {
  content: "\f1b4"; }

.fa-behance-square:before {
  content: "\f1b5"; }

.fa-steam:before {
  content: "\f1b6"; }

.fa-steam-square:before {
  content: "\f1b7"; }

.fa-recycle:before {
  content: "\f1b8"; }

.fa-automobile:before,
.fa-car:before {
  content: "\f1b9"; }

.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba"; }

.fa-tree:before {
  content: "\f1bb"; }

.fa-spotify:before {
  content: "\f1bc"; }

.fa-deviantart:before {
  content: "\f1bd"; }

.fa-soundcloud:before {
  content: "\f1be"; }

.fa-database:before {
  content: "\f1c0"; }

.fa-file-pdf-o:before {
  content: "\f1c1"; }

.fa-file-word-o:before {
  content: "\f1c2"; }

.fa-file-excel-o:before {
  content: "\f1c3"; }

.fa-file-powerpoint-o:before {
  content: "\f1c4"; }

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5"; }

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6"; }

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7"; }

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8"; }

.fa-file-code-o:before {
  content: "\f1c9"; }

.fa-vine:before {
  content: "\f1ca"; }

.fa-codepen:before {
  content: "\f1cb"; }

.fa-jsfiddle:before {
  content: "\f1cc"; }

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd"; }

.fa-circle-o-notch:before {
  content: "\f1ce"; }

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0"; }

.fa-ge:before,
.fa-empire:before {
  content: "\f1d1"; }

.fa-git-square:before {
  content: "\f1d2"; }

.fa-git:before {
  content: "\f1d3"; }

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4"; }

.fa-tencent-weibo:before {
  content: "\f1d5"; }

.fa-qq:before {
  content: "\f1d6"; }

.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7"; }

.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8"; }

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9"; }

.fa-history:before {
  content: "\f1da"; }

.fa-circle-thin:before {
  content: "\f1db"; }

.fa-header:before {
  content: "\f1dc"; }

.fa-paragraph:before {
  content: "\f1dd"; }

.fa-sliders:before {
  content: "\f1de"; }

.fa-share-alt:before {
  content: "\f1e0"; }

.fa-share-alt-square:before {
  content: "\f1e1"; }

.fa-bomb:before {
  content: "\f1e2"; }

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3"; }

.fa-tty:before {
  content: "\f1e4"; }

.fa-binoculars:before {
  content: "\f1e5"; }

.fa-plug:before {
  content: "\f1e6"; }

.fa-slideshare:before {
  content: "\f1e7"; }

.fa-twitch:before {
  content: "\f1e8"; }

.fa-yelp:before {
  content: "\f1e9"; }

.fa-newspaper-o:before {
  content: "\f1ea"; }

.fa-wifi:before {
  content: "\f1eb"; }

.fa-calculator:before {
  content: "\f1ec"; }

.fa-paypal:before {
  content: "\f1ed"; }

.fa-google-wallet:before {
  content: "\f1ee"; }

.fa-cc-visa:before {
  content: "\f1f0"; }

.fa-cc-mastercard:before {
  content: "\f1f1"; }

.fa-cc-discover:before {
  content: "\f1f2"; }

.fa-cc-amex:before {
  content: "\f1f3"; }

.fa-cc-paypal:before {
  content: "\f1f4"; }

.fa-cc-stripe:before {
  content: "\f1f5"; }

.fa-bell-slash:before {
  content: "\f1f6"; }

.fa-bell-slash-o:before {
  content: "\f1f7"; }

.fa-trash:before {
  content: "\f1f8"; }

.fa-copyright:before {
  content: "\f1f9"; }

.fa-at:before {
  content: "\f1fa"; }

.fa-eyedropper:before {
  content: "\f1fb"; }

.fa-paint-brush:before {
  content: "\f1fc"; }

.fa-birthday-cake:before {
  content: "\f1fd"; }

.fa-area-chart:before {
  content: "\f1fe"; }

.fa-pie-chart:before {
  content: "\f200"; }

.fa-line-chart:before {
  content: "\f201"; }

.fa-lastfm:before {
  content: "\f202"; }

.fa-lastfm-square:before {
  content: "\f203"; }

.fa-toggle-off:before {
  content: "\f204"; }

.fa-toggle-on:before {
  content: "\f205"; }

.fa-bicycle:before {
  content: "\f206"; }

.fa-bus:before {
  content: "\f207"; }

.fa-ioxhost:before {
  content: "\f208"; }

.fa-angellist:before {
  content: "\f209"; }

.fa-cc:before {
  content: "\f20a"; }

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b"; }

.fa-meanpath:before {
  content: "\f20c"; }

.fa-buysellads:before {
  content: "\f20d"; }

.fa-connectdevelop:before {
  content: "\f20e"; }

.fa-dashcube:before {
  content: "\f210"; }

.fa-forumbee:before {
  content: "\f211"; }

.fa-leanpub:before {
  content: "\f212"; }

.fa-sellsy:before {
  content: "\f213"; }

.fa-shirtsinbulk:before {
  content: "\f214"; }

.fa-simplybuilt:before {
  content: "\f215"; }

.fa-skyatlas:before {
  content: "\f216"; }

.fa-cart-plus:before {
  content: "\f217"; }

.fa-cart-arrow-down:before {
  content: "\f218"; }

.fa-diamond:before {
  content: "\f219"; }

.fa-ship:before {
  content: "\f21a"; }

.fa-user-secret:before {
  content: "\f21b"; }

.fa-motorcycle:before {
  content: "\f21c"; }

.fa-street-view:before {
  content: "\f21d"; }

.fa-heartbeat:before {
  content: "\f21e"; }

.fa-venus:before {
  content: "\f221"; }

.fa-mars:before {
  content: "\f222"; }

.fa-mercury:before {
  content: "\f223"; }

.fa-intersex:before,
.fa-transgender:before {
  content: "\f224"; }

.fa-transgender-alt:before {
  content: "\f225"; }

.fa-venus-double:before {
  content: "\f226"; }

.fa-mars-double:before {
  content: "\f227"; }

.fa-venus-mars:before {
  content: "\f228"; }

.fa-mars-stroke:before {
  content: "\f229"; }

.fa-mars-stroke-v:before {
  content: "\f22a"; }

.fa-mars-stroke-h:before {
  content: "\f22b"; }

.fa-neuter:before {
  content: "\f22c"; }

.fa-genderless:before {
  content: "\f22d"; }

.fa-facebook-official:before {
  content: "\f230"; }

.fa-pinterest-p:before {
  content: "\f231"; }

.fa-whatsapp:before {
  content: "\f232"; }

.fa-server:before {
  content: "\f233"; }

.fa-user-plus:before {
  content: "\f234"; }

.fa-user-times:before {
  content: "\f235"; }

.fa-hotel:before,
.fa-bed:before {
  content: "\f236"; }

.fa-viacoin:before {
  content: "\f237"; }

.fa-train:before {
  content: "\f238"; }

.fa-subway:before {
  content: "\f239"; }

.fa-medium:before {
  content: "\f23a"; }

.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b"; }

.fa-optin-monster:before {
  content: "\f23c"; }

.fa-opencart:before {
  content: "\f23d"; }

.fa-expeditedssl:before {
  content: "\f23e"; }

.fa-battery-4:before,
.fa-battery-full:before {
  content: "\f240"; }

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241"; }

.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242"; }

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243"; }

.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244"; }

.fa-mouse-pointer:before {
  content: "\f245"; }

.fa-i-cursor:before {
  content: "\f246"; }

.fa-object-group:before {
  content: "\f247"; }

.fa-object-ungroup:before {
  content: "\f248"; }

.fa-sticky-note:before {
  content: "\f249"; }

.fa-sticky-note-o:before {
  content: "\f24a"; }

.fa-cc-jcb:before {
  content: "\f24b"; }

.fa-cc-diners-club:before {
  content: "\f24c"; }

.fa-clone:before {
  content: "\f24d"; }

.fa-balance-scale:before {
  content: "\f24e"; }

.fa-hourglass-o:before {
  content: "\f250"; }

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251"; }

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252"; }

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253"; }

.fa-hourglass:before {
  content: "\f254"; }

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255"; }

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256"; }

.fa-hand-scissors-o:before {
  content: "\f257"; }

.fa-hand-lizard-o:before {
  content: "\f258"; }

.fa-hand-spock-o:before {
  content: "\f259"; }

.fa-hand-pointer-o:before {
  content: "\f25a"; }

.fa-hand-peace-o:before {
  content: "\f25b"; }

.fa-trademark:before {
  content: "\f25c"; }

.fa-registered:before {
  content: "\f25d"; }

.fa-creative-commons:before {
  content: "\f25e"; }

.fa-gg:before {
  content: "\f260"; }

.fa-gg-circle:before {
  content: "\f261"; }

.fa-tripadvisor:before {
  content: "\f262"; }

.fa-odnoklassniki:before {
  content: "\f263"; }

.fa-odnoklassniki-square:before {
  content: "\f264"; }

.fa-get-pocket:before {
  content: "\f265"; }

.fa-wikipedia-w:before {
  content: "\f266"; }

.fa-safari:before {
  content: "\f267"; }

.fa-chrome:before {
  content: "\f268"; }

.fa-firefox:before {
  content: "\f269"; }

.fa-opera:before {
  content: "\f26a"; }

.fa-internet-explorer:before {
  content: "\f26b"; }

.fa-tv:before,
.fa-television:before {
  content: "\f26c"; }

.fa-contao:before {
  content: "\f26d"; }

.fa-500px:before {
  content: "\f26e"; }

.fa-amazon:before {
  content: "\f270"; }

.fa-calendar-plus-o:before {
  content: "\f271"; }

.fa-calendar-minus-o:before {
  content: "\f272"; }

.fa-calendar-times-o:before {
  content: "\f273"; }

.fa-calendar-check-o:before {
  content: "\f274"; }

.fa-industry:before {
  content: "\f275"; }

.fa-map-pin:before {
  content: "\f276"; }

.fa-map-signs:before {
  content: "\f277"; }

.fa-map-o:before {
  content: "\f278"; }

.fa-map:before {
  content: "\f279"; }

.fa-commenting:before {
  content: "\f27a"; }

.fa-commenting-o:before {
  content: "\f27b"; }

.fa-houzz:before {
  content: "\f27c"; }

.fa-vimeo:before {
  content: "\f27d"; }

.fa-black-tie:before {
  content: "\f27e"; }

.fa-fonticons:before {
  content: "\f280"; }

.fa-reddit-alien:before {
  content: "\f281"; }

.fa-edge:before {
  content: "\f282"; }

.fa-credit-card-alt:before {
  content: "\f283"; }

.fa-codiepie:before {
  content: "\f284"; }

.fa-modx:before {
  content: "\f285"; }

.fa-fort-awesome:before {
  content: "\f286"; }

.fa-usb:before {
  content: "\f287"; }

.fa-product-hunt:before {
  content: "\f288"; }

.fa-mixcloud:before {
  content: "\f289"; }

.fa-scribd:before {
  content: "\f28a"; }

.fa-pause-circle:before {
  content: "\f28b"; }

.fa-pause-circle-o:before {
  content: "\f28c"; }

.fa-stop-circle:before {
  content: "\f28d"; }

.fa-stop-circle-o:before {
  content: "\f28e"; }

.fa-shopping-bag:before {
  content: "\f290"; }

.fa-shopping-basket:before {
  content: "\f291"; }

.fa-hashtag:before {
  content: "\f292"; }

.fa-bluetooth:before {
  content: "\f293"; }

.fa-bluetooth-b:before {
  content: "\f294"; }

.fa-percent:before {
  content: "\f295"; }

.fa-gitlab:before {
  content: "\f296"; }

.fa-wpbeginner:before {
  content: "\f297"; }

.fa-wpforms:before {
  content: "\f298"; }

.fa-envira:before {
  content: "\f299"; }

.fa-universal-access:before {
  content: "\f29a"; }

.fa-wheelchair-alt:before {
  content: "\f29b"; }

.fa-question-circle-o:before {
  content: "\f29c"; }

.fa-blind:before {
  content: "\f29d"; }

.fa-audio-description:before {
  content: "\f29e"; }

.fa-volume-control-phone:before {
  content: "\f2a0"; }

.fa-braille:before {
  content: "\f2a1"; }

.fa-assistive-listening-systems:before {
  content: "\f2a2"; }

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3"; }

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4"; }

.fa-glide:before {
  content: "\f2a5"; }

.fa-glide-g:before {
  content: "\f2a6"; }

.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7"; }

.fa-low-vision:before {
  content: "\f2a8"; }

.fa-viadeo:before {
  content: "\f2a9"; }

.fa-viadeo-square:before {
  content: "\f2aa"; }

.fa-snapchat:before {
  content: "\f2ab"; }

.fa-snapchat-ghost:before {
  content: "\f2ac"; }

.fa-snapchat-square:before {
  content: "\f2ad"; }

.fa-pied-piper:before {
  content: "\f2ae"; }

.fa-first-order:before {
  content: "\f2b0"; }

.fa-yoast:before {
  content: "\f2b1"; }

.fa-themeisle:before {
  content: "\f2b2"; }

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3"; }

.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4"; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

/*
Components are the stuff of UI. Eg. buttons, special titles, etc.
These get much more explicitly named: eg. products-list, etc.
*/
/*
Theme-specific styles split up by pages
*/
/*****************************
--------------------------
Block-level-style 
(Header-footer)
--------------------------
*****************************/
/*****************************
--------------------------
Header-style
--------------------------
*****************************/
header.main-header {
  padding: 25px 30px;
  text-align: center;
  float: left;
  width: 100%;
  border-bottom: 1px solid #e8e8e8;
  z-index: 9999;
  position: relative; }
  @media (max-width: 767px) {
    header.main-header {
      padding: 20px 18px; } }
  header.main-header .main-menu ul li {
    display: inline-block;
    position: relative; }
    @media (max-width: 991px) {
      header.main-header .main-menu ul li {
        margin: 6px 0 0 0; } }
    header.main-header .main-menu ul li a {
      padding: 16px 22px;
      color: #000;
      font-size: 22px;
      display: inline-block;
      font-family: "BebasNeue";
      font-weight: 500; }
      @media (max-width: 1480px) {
        header.main-header .main-menu ul li a {
          padding: 16px 14px; } }
      @media (max-width: 1300px) {
        header.main-header .main-menu ul li a {
          padding: 15px 11px 13px 11px;
          font-size: 21px; } }
      @media (max-width: 1199px) {
        header.main-header .main-menu ul li a {
          padding: 14px 14px;
          font-size: 20px; } }
      @media (max-width: 991px) {
        header.main-header .main-menu ul li a {
          padding: 5px 14px;
          color: #000;
          font-size: 18px; } }
      header.main-header .main-menu ul li a:hover {
        color: #fe5045; }
    header.main-header .main-menu ul li ul.childrens {
      /* left: -6px; */
      width: 100%;
      /* top: 50px; */
      box-shadow: 1px 6px 21px -9px #000;
      /* transition: 0.3s ease-in-out; */
      /* opacity: 0; */
      /* display: none; */
      /* transform: translate(0%, 19%); */
      /* z-index: 99999; */
      visibility: hidden;
      opacity: 0;
      position: absolute;
      top: 100%;
      left: -32%;
      /* width: 100%; */
      transform: translateY(-2em);
      z-index: -1;
      transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
      min-width: 180px; }
      header.main-header .main-menu ul li ul.childrens li {
        display: block; }
        header.main-header .main-menu ul li ul.childrens li a {
          background: #fff;
          border-top: 1px solid #ccc;
          padding: 12px 0;
          display: block;
          color: #000; }
          header.main-header .main-menu ul li ul.childrens li a:hover {
            background: #fe5045;
            color: #fff; }
        header.main-header .main-menu ul li ul.childrens li:first-child a {
          border-top: 0; }
    header.main-header .main-menu ul li:hover ul.childrens {
      /* transform: translate(0%, 0%); */
      transition: 0.3s ease-in-out;
      opacity: 1;
      /* display: block; */
      visibility: visible;
      opacity: 1;
      z-index: 1;
      transform: translateY(0%);
      transition-delay: 0s, 0s, 0.3s; }
    header.main-header .main-menu ul li.has-children > a:after {
      content: "\f107";
      font-family: fontawesome;
      position: absolute;
      right: 4px;
      font-size: 16px;
      top: 21px; }
      @media (max-width: 1480px) {
        header.main-header .main-menu ul li.has-children > a:after {
          right: 0px;
          font-size: 16px;
          top: 21px; } }
      @media (max-width: 1300px) {
        header.main-header .main-menu ul li.has-children > a:after {
          right: -3px;
          font-size: 14px;
          top: 20px; } }
      @media (max-width: 1199px) {
        header.main-header .main-menu ul li.has-children > a:after {
          right: 3px;
          top: 18px; } }
      @media (max-width: 991px) {
        header.main-header .main-menu ul li.has-children > a:after {
          right: 0px;
          font-size: 14px;
          top: 8px; } }
  header.main-header .logo {
    text-align: left;
    max-width: 100%; }
    @media (max-width: 767px) {
      header.main-header .logo {
        width: 110px;
        float: left; } }
    @media (max-width: 991px) {
      header.main-header .logo img {
        width: 100%;
        height: auto; } }
  @media (max-width: 1480px) {
    header.main-header div[class*="col-md-"] {
      padding: 0; } }
  header.main-header .menu-top.mean-container {
    position: absolute;
    right: 0;
    top: 86px;
    width: 100%; }
    header.main-header .menu-top.mean-container .mean-bar {
      background: transparent;
      padding: 0;
      z-index: 999; }
      header.main-header .menu-top.mean-container .mean-bar a.meanmenu-reveal {
        margin: -61px 0 0 0;
        background: linear-gradient(to right, #fd3542, #fd7647);
        border-radius: 50px;
        right: 16px !important;
        padding: 11px 10px 8px 10px;
        width: 23px;
        height: 23px; }
      header.main-header .menu-top.mean-container .mean-bar .mean-nav {
        background: linear-gradient(to right, #fd3542, #fd7647);
        margin: 0; }
        header.main-header .menu-top.mean-container .mean-bar .mean-nav ul li a {
          padding: 11px 5%; }
        header.main-header .menu-top.mean-container .mean-bar .mean-nav ul li ul.childrens li a {
          padding: 11px 10%; }
        header.main-header .menu-top.mean-container .mean-bar .mean-nav a.mean-expand {
          height: 23px;
          padding: 10px 11px !important; }
  header.main-header .sign-up {
    text-align: right;
    padding: 0; }
    @media (max-width: 767px) {
      header.main-header .sign-up {
        width: 118px;
        margin-right: 52px; } }
    @media (max-width: 543px) {
      header.main-header .sign-up {
        width: auto; } }
    header.main-header .sign-up ul.user_notifications {
      display: inline-block;
      vertical-align: middle;
      position: absolute;
      margin: 8px 0 0 -33px; }
      @media (max-width: 1199px) {
        header.main-header .sign-up ul.user_notifications {
          margin: 3px 0 0 -33px; } }
      header.main-header .sign-up ul.user_notifications a {
        padding: 0;
        top: 5px; }
        header.main-header .sign-up ul.user_notifications a:before {
          font-size: 0px; }
        @media (max-width: 767px) {
          header.main-header .sign-up ul.user_notifications a {
            font-size: 15px;
            top: 9px; } }
        header.main-header .sign-up ul.user_notifications a i {
          border: none;
          color: #333;
          border-radius: 50%;
          background: transparent;
          padding: 7px 7px;
          position: relative; }
          header.main-header .sign-up ul.user_notifications a i span.badge.notification-count {
            position: absolute;
            background: #fd5344;
            border-radius: 50%;
            padding: 2px 6px;
            top: 0;
            font-weight: 600;
            right: 0;
            color: #fff;
            font-size: 11px; }
    header.main-header .sign-up ul.navbar-right {
      display: inline-block; }
    header.main-header .sign-up a {
      margin: 4px 0;
      padding: 13px 20px;
      max-width: 210px;
      text-align: center;
      width: 100%;
      position: relative; }
      @media (max-width: 991px) {
        header.main-header .sign-up a {
          margin: -3px 0;
          padding: 13px 7px;
          font-size: 12px; } }
      @media (max-width: 767px) {
        header.main-header .sign-up a {
          margin: 0px 0 1px 0;
          width: 100%; } }
      @media (max-width: 767px) {
        header.main-header .sign-up a {
          /* font-size: 0px; */
          padding: 13px 11px; }
          header.main-header .sign-up a.btn.orange {
            top: 4px; }
          header.main-header .sign-up a:before {
            content: "\f090";
            font-family: fontawesome;
            font-size: 18px;
            display: none; } }
    header.main-header .sign-up .dropdown.profile {
      position: relative;
      margin: 6px 0 0 0; }
      @media (max-width: 991px) {
        header.main-header .sign-up .dropdown.profile {
          margin: 0; } }
      @media (max-width: 767px) {
        header.main-header .sign-up .dropdown.profile {
          margin: 6px 0 0 0; }
          header.main-header .sign-up .dropdown.profile a:before {
            display: none; } }
      header.main-header .sign-up .dropdown.profile > a {
        padding: 0 0 50px 0; }
        header.main-header .sign-up .dropdown.profile > a img.profile-img {
          display: inline-block;
          max-width: 43px;
          vertical-align: middle;
          margin: 0 10px 0 0;
          border-radius: 50%;
          width: 43px;
          min-height: 43px;
          object-fit: cover;
          height: 46px; }
          @media (max-width: 767px) {
            header.main-header .sign-up .dropdown.profile > a img.profile-img {
              margin: 0 5px 0 0; } }
        header.main-header .sign-up .dropdown.profile > a span.caret {
          display: inline-block;
          vertical-align: middle;
          margin: 0;
          color: #000;
          position: relative; }
          @media (max-width: 1199px) {
            header.main-header .sign-up .dropdown.profile > a span.caret {
              font-size: 0px; } }
          header.main-header .sign-up .dropdown.profile > a span.caret:after {
            content: "\f107";
            font-family: fontawesome;
            margin: 0 0 0 9px; }
            @media (max-width: 1199px) {
              header.main-header .sign-up .dropdown.profile > a span.caret:after {
                font-size: 22px;
                margin: 0;
                line-height: 0px; } }
        @media (max-width: 543px) {
          header.main-header .sign-up .dropdown.profile > a:before {
            float: right;
            background: linear-gradient(to right, #fd3542, #fd7647);
            color: #fff;
            padding: 12px 0px !important;
            border-radius: 50px;
            width: 43px;
            height: 43px;
            display: block;
            position: relative;
            top: -7px;
            font-size: 19px;
            display: none; } }
      header.main-header .sign-up .dropdown.profile .dropdown-menu {
        display: none;
        position: absolute;
        right: 0;
        width: 210px;
        background: #fff;
        padding: 20px 20px;
        border-radius: 4px;
        box-shadow: 0px 8px 12px -7px #969696;
        border: 1px solid #efefef;
        top: 45px;
        text-align: left;
        z-index: 9999; }
        @media (max-width: 543px) {
          header.main-header .sign-up .dropdown.profile .dropdown-menu {
            width: 190px; } }
        header.main-header .sign-up .dropdown.profile .dropdown-menu:before {
          content: "";
          border-bottom: 10px solid #fff;
          border-right: 10px solid transparent;
          width: 20px;
          position: absolute;
          right: 1px;
          border-left: 10px solid transparent;
          display: block;
          height: 10px;
          top: -10px;
          z-index: 9; }
        header.main-header .sign-up .dropdown.profile .dropdown-menu:after {
          content: "";
          border-bottom: 10px solid #8a8989;
          border-right: 10px solid transparent;
          width: 20px;
          position: absolute;
          right: 1px;
          border-left: 10px solid transparent;
          display: block;
          height: 10px;
          top: -10px; }
        header.main-header .sign-up .dropdown.profile .dropdown-menu h6 {
          font-size: 15px;
          margin: 0 0 8px 0; }
        header.main-header .sign-up .dropdown.profile .dropdown-menu li a {
          padding: 9px 0 2px 0;
          display: block;
          text-align: left;
          color: #000;
          border-top: 1px solid #ccc;
          width: 100%;
          font-size: 14px; }
          header.main-header .sign-up .dropdown.profile .dropdown-menu li a:before {
            display: none; }
          header.main-header .sign-up .dropdown.profile .dropdown-menu li a:hover {
            color: #fd4f44; }
        header.main-header .sign-up .dropdown.profile .dropdown-menu li button[type="submit"] {
          background: linear-gradient(to right, #fd3542, #fd7647);
          color: #fff;
          padding: 7px 30px;
          margin: 7px 0 0 0;
          width: 100%; }
        header.main-header .sign-up .dropdown.profile .dropdown-menu li:first-child a {
          border-top: 0;
          padding-top: 0;
          margin-top: 0; }
      header.main-header .sign-up .dropdown.profile:hover .dropdown-menu {
        display: block; }

@media (max-width: 767px) {
  .mean-container .mean-nav ul li.mobile {
    display: block !important; } }

/*****************************
--------------------------
Footer-style
--------------------------
*****************************/
footer.main-footer {
  background: #0d0e10;
  float: left;
  width: 100%;
  padding: 0;
  border-top: 2px solid #fc6e46; }
  footer.main-footer .top-footer {
    padding: 60px 0 40px 0; }
    @media (max-width: 543px) {
      footer.main-footer .top-footer {
        text-align: center; } }
    footer.main-footer .top-footer .social {
      margin: 20px 0; }
      footer.main-footer .top-footer .social li {
        display: inline-block;
        margin: 0 20px 0 0; }
        footer.main-footer .top-footer .social li a {
          color: #898989;
          font-size: 28px; }
    footer.main-footer .top-footer h2 {
      color: #fff;
      text-transform: uppercase;
      font-size: 12px;
      letter-spacing: 3px;
      font-weight: 600;
      margin: 0 0 18px 0; }
      @media (max-width: 543px) {
        footer.main-footer .top-footer h2 {
          margin: 0 0 7px 0; } }
    @media (max-width: 543px) {
      footer.main-footer .top-footer ul {
        margin-bottom: 30px; } }
    footer.main-footer .top-footer ul li {
      margin: 0 0 12px 0; }
      @media (max-width: 543px) {
        footer.main-footer .top-footer ul li {
          margin: 0 0 5px 0; } }
      footer.main-footer .top-footer ul li a {
        color: #fff;
        font-weight: 100;
        font-size: 14px; }
        footer.main-footer .top-footer ul li a:hover {
          color: #f43934; }
        @media (max-width: 1199px) {
          footer.main-footer .top-footer ul li a {
            font-size: 12px; } }
  footer.main-footer .bottom-footer {
    border-top: 1px solid #848587;
    padding: 30px 0; }
    @media (max-width: 767px) {
      footer.main-footer .bottom-footer {
        text-align: center; } }
    footer.main-footer .bottom-footer .text-right {
      text-align: right; }
      @media (max-width: 767px) {
        footer.main-footer .bottom-footer .text-right {
          text-align: center;
          margin: 10px 0 0 0; } }
    footer.main-footer .bottom-footer p {
      color: #848587;
      font-weight: 100;
      font-size: 14px; }
      footer.main-footer .bottom-footer p a {
        color: #fe5045;
        text-decoration: none;
        font-weight: 100; }

/*****************************
--------------------------
Inner-page-style
--------------------------
*****************************/
/*****************************
--------------------------
About-page-style
--------------------------
*****************************/
/*****************************
--------------------------
Error-page-style 404-Error
--------------------------
*****************************/
/*****************************
--------------------------
Home-page-style
--------------------------
*****************************/
body {
  font-family: 'Open Sans';
  color: #000; }

.btn {
  padding: 13px 40px;
  display: inline-block;
  font-size: 15px;
  font-family: 'Open Sans';
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 50px; }
  .btn a {
    color: #fff !important; }
  @media (max-width: 767px) {
    .btn {
      padding: 10px 23px;
      font-size: 12px; } }
  .btn.orange {
    background: linear-gradient(to right, #fd3542, #fd7647);
    background: #fd3542\9;
    color: #fff; }
  .btn.black {
    background: #232429;
    color: #fff; }
  .btn.light {
    background: #E6E6F6;
    color: #b1adad;
    margin: 4px 0;
    padding: 13px 20px;
    width: 170px;
    text-align: center;
    font-weight: 600; }
    @media (max-width: 767px) {
      .btn.light {
        padding: 10px 20px;
        font-size: 12px; } }
  .btn.purple {
    background: #250A55;
    color: #fff; }

.main-banner {
  float: left;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px 0 80px 0;
  text-align: center;
  background-position: center 100%;
  min-height: 580px; }
  @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
    .main-banner {
      background: url("../images/banner-bg@2x.png") center center no-repeat;
      background-size: cover; } }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .main-banner {
      background: url("../images/banner-bg@2x.png") center center no-repeat;
      background-size: cover; } }
  @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
    .main-banner {
      background: url("../images/banner-bg@3x.png") center center no-repeat;
      background-size: cover; } }
  @media (max-width: 767px) {
    .main-banner {
      padding: 20px 0 50px 0; } }
  .main-banner h1 {
    font-size: 70px;
    font-weight: 500;
    margin: 0 0 10px 0;
    font-family: "BebasNeue"; }
    @media (max-width: 767px) {
      .main-banner h1 {
        font-size: 50px; } }
    @media (max-width: 543px) {
      .main-banner h1 {
        font-size: 32px; } }
  .main-banner h2 {
    font-family: 'Open Sans';
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    margin: 0 0 18px 0;
    letter-spacing: 1px; }
    .main-banner h2 span {
      font-weight: 700;
      color: #fe5045; }
  .main-banner h3 {
    font-family: 'Open Sans';
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    margin: 0 0 10px 0;
    letter-spacing: 1px; }
  .main-banner h4 {
    font-family: 'Open Sans';
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    margin: 0 0 10px 0;
    letter-spacing: 1px; }
  .main-banner h5 {
    font-family: 'Open Sans';
    text-transform: uppercase;
    font-weight: 700;
    font-size: 10px;
    margin: 0 0 6px 0;
    letter-spacing: 1px; }
  .main-banner h6 {
    font-family: 'Open Sans';
    text-transform: uppercase;
    font-size: 9px;
    margin: 0 0 6px 0;
    letter-spacing: 1px; }
  .main-banner p {
    font-size: 18px;
    margin: 0 0 15px 0; }
    @media (max-width: 767px) {
      .main-banner p {
        font-size: 15px;
        line-height: 25px; } }
    @media (max-width: 543px) {
      .main-banner p {
        font-size: 14px; } }
    @media (max-width: 767px) {
      .main-banner p br {
        display: none; } }
  .main-banner button {
    padding: 13px 32px;
    display: inline-block;
    font-size: 13px;
    font-family: 'Open Sans';
    text-transform: uppercase;
    border-radius: 50px;
    margin: 30px 0 0 0;
    font-weight: 600;
    background: linear-gradient(to right, #fd3542, #fd7647);
    color: #fff; }
  .main-banner h3.sign-up-text {
    font-family: 'Open Sans';
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 1px;
    position: relative;
    max-width: 620px;
    margin: 21px auto 27px; }
    .main-banner h3.sign-up-text:before {
      content: "";
      border-bottom: 1px solid #FD3542;
      width: 35%;
      position: absolute;
      left: 0;
      top: 50%; }
    .main-banner h3.sign-up-text:after {
      content: "";
      border-bottom: 1px solid #FD3542;
      width: 35%;
      position: absolute;
      right: 0;
      top: 50%; }
    @media (max-width: 543px) {
      .main-banner h3.sign-up-text:before, .main-banner h3.sign-up-text:after {
        display: none; } }
  .main-banner a {
    margin: 0px 12px;
    max-width: 308px;
    width: 100%; }
    @media (max-width: 767px) {
      .main-banner a {
        margin: 0px 2px;
        width: 48%;
        font-size: 11px; } }
    @media (max-width: 543px) {
      .main-banner a {
        width: 100%;
        font-size: 11px;
        display: block;
        margin: 0 auto 14px;
        max-width: 320px; } }
.main-slider {
  padding: 20px 0; }
  .main-slider .slick-track {
    padding: 15px 0 0 0; }
  .main-slider button.slick-next {
    font-size: 0;
    height: 100px;
    width: 100px;
    position: absolute;
    right: -49px;
    top: 40%;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 80px;
    text-align: left;
    z-index: 999; }
    .main-slider button.slick-next:before {
      content: "\f105";
      font-family: fontawesome;
      font-size: 27px;
      padding: 10px 20px; }
  .main-slider button.slick-prev {
    font-size: 0;
    height: 100px;
    width: 100px;
    position: absolute;
    left: -49px;
    top: 40%;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 80px;
    text-align: right;
    z-index: 999; }
    .main-slider button.slick-prev:before {
      content: "\f104";
      font-family: fontawesome;
      font-size: 27px;
      padding: 10px 20px; }
  .main-slider .slides {
    margin: 20px 20px;
    border: 4px solid #fff;
    position: relative;
    transition: 0.3s ease-in-out;
    border-radius: 10px; }
    .main-slider .slides a {
      display: block; }
    .main-slider .slides .slide-links {
      position: relative; }
      .main-slider .slides .slide-links:after {
        content: "";
        height: 140px;
        width: 100%;
        background: linear-gradient(transparent, #000);
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        opacity: 0.7;
        border-radius: 6px; }
      .main-slider .slides .slide-links:before {
        content: "\f105";
        font-family: fontawesome;
        position: absolute;
        bottom: 37px;
        right: -15px;
        background: #fff;
        padding: 10px 10px;
        z-index: 99;
        color: #f94747;
        border-radius: 30px;
        width: 45px;
        height: 45px;
        text-align: center;
        font-size: 23px;
        line-height: 23px; }
    .main-slider .slides img {
      width: 100%;
      border-radius: 6px;
      min-height: 370px;
      max-height: 370px;
      object-fit: cover; }
    .main-slider .slides h2 {
      position: absolute;
      bottom: 40px;
      margin: 0;
      left: 30px;
      color: #fff;
      text-transform: uppercase;
      z-index: 9999;
      font-size: 20px; }
      .main-slider .slides h2 a {
        color: #fff; }
    .main-slider .slides.slick-center {
      border: 4px solid #f94747;
      border-radius: 10px;
      transform: translate(0, -9%);
      transition: 0.3s ease-in-out; }
      .main-slider .slides.slick-center:before {
        content: "\f105";
        font-family: fontawesome;
        position: absolute;
        bottom: 37px;
        right: -15px;
        background: #f94747;
        padding: 10px 10px;
        z-index: 99;
        color: #fff;
        border-radius: 30px;
        width: 45px;
        height: 45px;
        text-align: center;
        font-size: 23px;
        line-height: 23px; }
.main-bottom-slider {
  padding: 30px 0; }
  .main-bottom-slider .slick-track {
    padding: 0px; }
    .main-bottom-slider .slick-track .slides {
      margin: 0 20px;
      position: relative; }
      .main-bottom-slider .slick-track .slides img {
        width: 100%;
        min-height: 460px;
        object-fit: cover;
        transition: 0.3s ease-in-out;
        max-height: 460px;
        object-position: 0 0; }
      .main-bottom-slider .slick-track .slides .content {
        background: #fd5d47;
        padding: 30px 30px;
        color: #fff;
        transition: 0.3s ease-in-out;
        width: 100%; }
        .main-bottom-slider .slick-track .slides .content p {
          font-weight: 100;
          color: #fff; }
          .main-bottom-slider .slick-track .slides .content p strong {
            text-transform: uppercase;
            font-weight: 600;
            font-size: 14px;
            color: #fff; }
        .main-bottom-slider .slick-track .slides .content h2 {
          font-family: "BebasNeue";
          font-size: 26px;
          margin: 8px 0;
          color: #fff; }
        .main-bottom-slider .slick-track .slides .content a.event-link {
          color: #fff;
          font-weight: 100;
          margin: 20px 0 0px 0;
          display: block;
          font-size: 14px; }
          .main-bottom-slider .slick-track .slides .content a.event-link:after {
            content: "\f0da";
            font-family: fontawesome;
            margin: 0px 10px;
            position: relative;
            top: 2px;
            color: #fff;
            font-size: 18px; }
      .main-bottom-slider .slick-track .slides.slick-center img {
        transform: translate(0, -16%);
        transition: 0.3s ease-in-out; }
      .main-bottom-slider .slick-track .slides.slick-center .content {
        z-index: 9;
        bottom: 0;
        transition: 0.3s ease-in-out; }
      .main-bottom-slider .slick-track .slides:hover img {
        transform: translate(0, -16%);
        transition: 0.3s ease-in-out; }
      .main-bottom-slider .slick-track .slides:hover .content {
        z-index: 9;
        bottom: 0;
        transition: 0.3s ease-in-out; }
.main-container {
  float: left;
  width: 100%; }
  .main-container section.online-recruting {
    background: url("../images/online-rec-bg.png");
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    background-size: cover;
    padding: 100px 0 130px 0; }
    @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
      .main-container section.online-recruting {
        background: url("../images/online-rec-bg@2x.png") center center no-repeat;
        background-size: cover; } }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .main-container section.online-recruting {
        background: url("../images/online-rec-bg@2x.png") center center no-repeat;
        background-size: cover; } }
    @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
      .main-container section.online-recruting {
        background: url("../images/online-rec-bg@3x.png") center center no-repeat;
        background-size: cover; } }
    @media (max-width: 543px) {
      .main-container section.online-recruting {
        padding: 40px 0 80px 0; } }
    .main-container section.online-recruting h2 {
      color: #fff;
      font-family: 'Open Sans';
      text-transform: uppercase;
      font-weight: 600;
      font-size: 14px;
      margin: 0 0 18px 0;
      letter-spacing: 1px; }
    .main-container section.online-recruting h1 {
      color: #fff;
      font-size: 52px;
      margin: 30px 0 20px 0;
      font-family: "BebasNeue"; }
      @media (max-width: 767px) {
        .main-container section.online-recruting h1 {
          font-size: 45px;
          margin-bottom: 10px; } }
      @media (max-width: 543px) {
        .main-container section.online-recruting h1 {
          font-size: 32px;
          margin-bottom: 10px;
          margin-top: 10px; } }
    .main-container section.online-recruting p {
      color: #fff;
      font-weight: 200;
      margin: 0 auto 30px;
      max-width: 560px; }
      @media (max-width: 767px) {
        .main-container section.online-recruting p {
          font-size: 15px; } }
      @media (max-width: 543px) {
        .main-container section.online-recruting p {
          font-size: 14px; } }
      .main-container section.online-recruting p br {
        display: none; }
    .main-container section.online-recruting a.btn {
      width: 290px;
      text-align: center; }
  .main-container section.sport-contact {
    position: relative;
    box-shadow: 0 0 black;
    padding: 0px 0 140px 0;
    min-height: 620px; }
    @media (max-width: 767px) {
      .main-container section.sport-contact {
        text-align: center;
        min-height: inherit !important;
        padding: 0 0 0; } }
    @media (max-width: 991px) {
      .main-container section.sport-contact {
        min-height: 550px; } }
    .main-container section.sport-contact h2 {
      text-align: center;
      font-family: 'Open Sans';
      text-transform: uppercase;
      font-weight: 800;
      font-size: 24px;
      margin: 0px 0 18px 0;
      letter-spacing: 1px;
      padding: 23px 0 20px 0;
      border-bottom: 1px solid #e8e8e8; }
      @media (max-width: 543px) {
        .main-container section.sport-contact h2 {
          padding: 23px 50px 20px 50px; } }
    .main-container section.sport-contact h1 {
      font-size: 35px;
      font-weight: 700;
      margin: 70px 0 20px 0;
      text-transform: uppercase; }
      @media (max-width: 1199px) {
        .main-container section.sport-contact h1 {
          font-size: 28px; } }
      @media (max-width: 991px) {
        .main-container section.sport-contact h1 {
          font-size: 22px; } }
      @media (max-width: 543px) {
        .main-container section.sport-contact h1 {
          font-size: 20px; }
          .main-container section.sport-contact h1 br {
            display: none; } }
    .main-container section.sport-contact p {
      color: #a0a0a2;
      margin: 0 0 40px 0;
      font-weight: 200;
      font-size: 18px; }
      @media (max-width: 1199px) {
        .main-container section.sport-contact p {
          margin-bottom: 28px;
          font-size: 15px !important; } }
      @media (max-width: 991px) {
        .main-container section.sport-contact p {
          margin-bottom: 28px;
          font-size: 14px !important; } }
      @media (max-width: 543px) {
        .main-container section.sport-contact p br {
          display: none; } }
    .main-container section.sport-contact a.btn {
      width: 290px;
      text-align: center; }
      @media (max-width: 1199px) {
        .main-container section.sport-contact a.btn {
          width: 230px; } }
    .main-container section.sport-contact .right-img {
      position: static; }
      .main-container section.sport-contact .right-img img {
        position: absolute;
        right: -20px;
        max-width: 690px;
        bottom: 0;
        width: 55%; }
        @media (max-width: 767px) {
          .main-container section.sport-contact .right-img img {
            position: relative;
            right: 0;
            max-width: 690px;
            bottom: 0;
            width: 100%;
            margin: 20px 0 0 0; } }
  .main-container section.not-sure {
    padding: 30px 0 0px 0;
    background: url(../images/not-sure-bg.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    margin: -50px 0 0 0;
    z-index: 99;
    position: relative;
    min-height: 525px; }
    @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
      .main-container section.not-sure {
        background: url("../images/not-sure-bg@2x.png") center center no-repeat;
        background-size: cover; } }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .main-container section.not-sure {
        background: url("../images/not-sure-bg@2x.png") center center no-repeat;
        background-size: cover; } }
    @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
      .main-container section.not-sure {
        background: url("../images/not-sure-bg@3x.png") center center no-repeat;
        background-size: cover; } }
    @media (max-width: 1199px) {
      .main-container section.not-sure {
        padding: 70px 0; } }
    @media (max-width: 991px) {
      .main-container section.not-sure {
        padding: 39px 0; } }
    @media (max-width: 767px) {
      .main-container section.not-sure {
        text-align: center;
        padding: 39px 0 0 0; }
        .main-container section.not-sure .pull-right {
          float: none; } }
    .main-container section.not-sure:before {
      content: "";
      background: #ebedfb;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      opacity: 0.85;
      z-index: -9; }
    .main-container section.not-sure .hand-img {
      margin: -246px 0 -100px 0; }
      @media (max-width: 1199px) {
        .main-container section.not-sure .hand-img {
          margin: -204px 0 -105px 0; } }
      @media (max-width: 991px) {
        .main-container section.not-sure .hand-img {
          margin: -121px 0 -105px 0; } }
      @media (max-width: 767px) {
        .main-container section.not-sure .hand-img {
          margin: 0px; }
          .main-container section.not-sure .hand-img img {
            max-width: 310px; } }
    .main-container section.not-sure .col-md-6 {
      position: static; }
    .main-container section.not-sure img {
      margin: 0 0 -14px 0;
      position: absolute;
      left: 0;
      max-width: 690px;
      bottom: 0;
      width: 55%; }
      @media (max-width: 767px) {
        .main-container section.not-sure img {
          position: relative;
          right: 0;
          max-width: 690px;
          bottom: 0;
          width: 100%;
          margin: 0 0 -15px 0; } }
    .main-container section.not-sure h1 {
      font-size: 35px;
      font-weight: 700;
      margin: 70px 0 20px 0;
      text-transform: uppercase; }
      @media (max-width: 1199px) {
        .main-container section.not-sure h1 {
          font-size: 28px; } }
      @media (max-width: 991px) {
        .main-container section.not-sure h1 {
          font-size: 22px; } }
      @media (max-width: 767px) {
        .main-container section.not-sure h1 {
          margin-top: 30px; } }
      @media (max-width: 543px) {
        .main-container section.not-sure h1 {
          font-size: 20px; }
          .main-container section.not-sure h1 br {
            display: none; } }
    .main-container section.not-sure p {
      color: #a0a0a2;
      margin: 0 0 40px 0;
      font-weight: 200;
      font-size: 18px; }
      @media (max-width: 1199px) {
        .main-container section.not-sure p {
          font-size: 15px !important; } }
      @media (max-width: 991px) {
        .main-container section.not-sure p {
          font-size: 14px !important; } }
      @media (max-width: 543px) {
        .main-container section.not-sure p br {
          display: none; } }
    .main-container section.not-sure a.btn.font-second {
      width: 290px;
      text-align: center; }
      @media (max-width: 1199px) {
        .main-container section.not-sure a.btn.font-second {
          width: 230px; } }
    .main-container section.not-sure a.simple-link {
      color: #ff2456;
      font-weight: 700;
      font-size: 17px;
      position: relative; }
      .main-container section.not-sure a.simple-link i {
        margin: 0px 0 0 10px;
        font-size: 22px;
        position: absolute;
        right: -20px;
        top: 2px; }
  .main-container section.event-section {
    position: relative;
    padding: 0px 0 140px 0;
    min-height: 540px; }
    @media (max-width: 1199px) {
      .main-container section.event-section {
        min-height: 480px; } }
    @media (max-width: 991px) {
      .main-container section.event-section {
        min-height: 430px; } }
    @media (max-width: 767px) {
      .main-container section.event-section {
        min-height: inherit;
        text-align: center;
        padding: 40px 0 0 0; } }
    .main-container section.event-section .hand-img {
      margin: -250px 0 -105px 0; }
    .main-container section.event-section h1 {
      font-size: 35px;
      font-weight: 700;
      margin: 70px 0 20px 0;
      text-transform: uppercase; }
      @media (max-width: 1199px) {
        .main-container section.event-section h1 {
          font-size: 28px; } }
      @media (max-width: 991px) {
        .main-container section.event-section h1 {
          font-size: 22px; } }
      @media (max-width: 543px) {
        .main-container section.event-section h1 {
          font-size: 20px; } }
      .main-container section.event-section h1 br {
        display: none; }
    .main-container section.event-section p {
      color: #a0a0a2;
      margin: 0 0 40px 0;
      font-weight: 200;
      font-size: 18px; }
      @media (max-width: 1199px) {
        .main-container section.event-section p {
          font-size: 15px !important; } }
      @media (max-width: 991px) {
        .main-container section.event-section p {
          font-size: 14px !important; } }
      @media (max-width: 543px) {
        .main-container section.event-section p br {
          display: none; } }
    .main-container section.event-section ul {
      margin: 0 0 20px 0; }
      .main-container section.event-section ul li {
        position: relative;
        margin: 0 0 9px 0; }
        .main-container section.event-section ul li:before {
          content: "";
          border: 1px solid #ff2456;
          background: #fff;
          padding: 2px;
          border-radius: 70px;
          height: 10px;
          width: 10px;
          display: block;
          position: absolute;
          left: -23px;
          top: 6px; }
    .main-container section.event-section a.btn.font-third {
      width: 290px;
      text-align: center; }
      @media (max-width: 1199px) {
        .main-container section.event-section a.btn.font-third {
          width: 230px; } }
    .main-container section.event-section .right-img img {
      position: absolute;
      right: -20px;
      max-width: 690px !important;
      bottom: 0;
      width: 55%; }
    .main-container section.event-section a.simple-link {
      color: #ff2456;
      font-weight: 700;
      font-size: 17px;
      position: relative; }
      .main-container section.event-section a.simple-link i {
        margin: 0px 0 0 10px;
        font-size: 22px;
        position: absolute;
        right: -20px;
        top: 2px; }
    .main-container section.event-section .right-img {
      position: static; }
      .main-container section.event-section .right-img img {
        position: absolute;
        right: -20px;
        max-width: 600px;
        bottom: 7px;
        width: 52%; }
        @media (max-width: 767px) {
          .main-container section.event-section .right-img img {
            position: relative;
            right: 0;
            max-width: 690px;
            bottom: 0;
            width: 100%;
            margin: 20px 0 0 0; } }
  .main-container section.testimonial-seciton {
    text-align: center;
    padding: 80px 0;
    background: url(../images/testimonial-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    margin: -14px 0 0 0;
    position: relative;
    z-index: 99;
    overflow: hidden; }
    @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
      .main-container section.testimonial-seciton {
        background: url("../images/testimonial-bg@2x.png") center center no-repeat;
        background-size: cover; } }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .main-container section.testimonial-seciton {
        background: url("../images/testimonial-bg@2x.png") center center no-repeat;
        background-size: cover; } }
    @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
      .main-container section.testimonial-seciton {
        background: url("../images/testimonial-bg@3x.png") center center no-repeat;
        background-size: cover; } }
    .main-container section.testimonial-seciton:before {
      content: "";
      background: #ebedfb;
      position: absolute;
      width: 100%;
      height: 110%;
      top: -1px;
      left: 0;
      opacity: 0.85;
      z-index: -9; }
    @media (max-width: 991px) {
      .main-container section.testimonial-seciton {
        padding: 60px 0 40px 0; } }
    @media (max-width: 543px) {
      .main-container section.testimonial-seciton {
        font-size: 32px;
        margin: 0 0 30px 0; } }
    .main-container section.testimonial-seciton h1 {
      font-size: 50px;
      font-weight: 500;
      margin: 0;
      font-family: "BebasNeue"; }
      @media (max-width: 991px) {
        .main-container section.testimonial-seciton h1 {
          font-size: 40px;
          margin: 0; } }
      @media (max-width: 543px) {
        .main-container section.testimonial-seciton h1 {
          font-size: 32px; } }
    .main-container section.testimonial-seciton .content {
      background: #fff;
      margin: 50px 15px 20px 15px;
      padding: 25px 40px 0px 40px; }
      @media (max-width: 767px) {
        .main-container section.testimonial-seciton .content {
          padding: 20px 20px 0px 20px; } }
      .main-container section.testimonial-seciton .content img {
        margin: -40px auto 20px;
        border-radius: 50px;
        object-fit: cover;
        min-height: 100px;
        max-height: 100px;
        max-width: 100px;
        width: 100%;
        background: #fff;
        padding: 4px;
        object-position: 0 0; }
      .main-container section.testimonial-seciton .content h2 {
        font-weight: 700;
        font-size: 16px;
        text-transform: uppercase;
        margin: 0 0 10px 0;
        letter-spacing: 1px;
        color: #000; }
      .main-container section.testimonial-seciton .content p {
        color: #a0a0a2;
        margin: 0 0 23px 0;
        font-weight: 200;
        font-size: 16px;
        text-align: left; }
      .main-container section.testimonial-seciton .content a {
        margin: 0 0 -20px 0;
        box-shadow: 0px 4px 15px -2px #FD3541; }
        @media (max-width: 543px) {
          .main-container section.testimonial-seciton .content a {
            font-size: 14px; } }
  .main-container section.founder-section {
    padding: 100px 0 70px 0; }
    @media (max-width: 767px) {
      .main-container section.founder-section {
        padding: 50px 0 20px 0; } }
    .main-container section.founder-section h1 {
      font-size: 35px;
      font-weight: 700;
      margin: 0 0 20px 0;
      text-transform: uppercase; }
      @media (max-width: 1199px) {
        .main-container section.founder-section h1 {
          font-size: 28px; } }
      @media (max-width: 991px) {
        .main-container section.founder-section h1 {
          font-size: 22px; } }
      @media (max-width: 543px) {
        .main-container section.founder-section h1 {
          font-size: 20px; }
          .main-container section.founder-section h1 br {
            display: none; } }
    .main-container section.founder-section ul {
      margin: 0 0 20px 0; }
      .main-container section.founder-section ul li {
        position: relative;
        margin: 0 0 9px 0; }
        @media (max-width: 1199px) {
          .main-container section.founder-section ul li {
            font-size: 15px; } }
        @media (max-width: 991px) {
          .main-container section.founder-section ul li {
            font-size: 14px; } }
        @media (max-width: 543px) {
          .main-container section.founder-section ul li {
            padding-left: 25px; } }
        .main-container section.founder-section ul li:before {
          content: "";
          border: 1px solid #ff2456;
          background: #fff;
          padding: 2px;
          border-radius: 70px;
          height: 10px;
          width: 10px;
          display: block;
          position: absolute;
          left: -23px;
          top: 6px; }
          @media (max-width: 543px) {
            .main-container section.founder-section ul li:before {
              left: 0; } }
    @media (max-width: 1199px) {
      .main-container section.founder-section p {
        font-size: 15px; } }
    @media (max-width: 991px) {
      .main-container section.founder-section p {
        font-size: 14px; } }
    @media (max-width: 767px) {
      .main-container section.founder-section p {
        margin: 0 0 30px 0; } }
  .main-container section.sign-up-section {
    text-align: center;
    padding: 40px 0; }
    .main-container section.sign-up-section h1 {
      font-size: 50px;
      font-weight: 500;
      margin: 0 0 30px 0;
      font-family: "BebasNeue"; }
    .main-container section.sign-up-section a {
      width: 360px;
      margin: 6px 7px;
      padding: 18px 40px; }
      @media (max-width: 767px) {
        .main-container section.sign-up-section a {
          width: 43%;
          margin: 6px 7px;
          padding: 18px 10px;
          font-size: 12px; } }
      @media (max-width: 543px) {
        .main-container section.sign-up-section a {
          width: 100%;
          margin: 6px 7px;
          padding: 18px 10px;
          font-size: 12px;
          max-width: 260px; } }

.upgrade-popup {
  background: rgba(255, 255, 255, 0.9);
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  text-align: center;
  height: 100%;
  z-index: 999; }
  .upgrade-popup .inner-popup {
    max-width: 500px;
    margin: 0 auto;
    position: relative;
    top: 24%;
    background: url(../images/not-sure-bg.png);
    background-position: center top;
    padding: 110px 40px;
    border-radius: 6px;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 99;
    box-shadow: 1px 11px 41px -17px #000; }
    .upgrade-popup .inner-popup:before {
      content: "";
      background: linear-gradient(rgba(255, 255, 255, 0.9), white, white);
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      z-index: -9;
      border-radius: 5px; }
    .upgrade-popup .inner-popup h1 {
      font-family: "BebasNeue";
      font-size: 50px;
      font-weight: 500;
      margin: 0 0 20px 0; }
    .upgrade-popup .inner-popup h3 {
      margin: 0 0 20px 0;
      font-size: 18px;
      font-family: 'Open Sans';
      font-weight: bold;
      letter-spacing: 2px; }
    .upgrade-popup .inner-popup p {
      font-size: 18px; }
    .upgrade-popup .inner-popup a.btn {
      width: 90%;
      margin: 26px 0 0 0;
      max-width: 320px; }

.paypal-form {
  margin: 50px auto 60px;
  max-width: 500px;
  padding: 50px 40px 50px 40px;
  position: relative;
  background: url(../images/not-sure-bg.png);
  background-position: center top;
  z-index: 9;
  background-size: cover;
  background-repeat: no-repeat;
  box-shadow: 1px 5px 9px -7px #000;
  border: 1px solid #e8e8e8;
  overflow: hidden;
  width: 95%; }
  .paypal-form:before {
    content: "";
    background: linear-gradient(rgba(255, 255, 255, 0.9), white, white);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -9;
    border-radius: 0px; }
  .paypal-form .panel-heading {
    text-align: center;
    font-size: 40px;
    margin: 0 0 40px 0;
    font-family: "BebasNeue";
    font-weight: 500; }
  .paypal-form .checkout-header {
    margin: 0 0 20px 0;
    position: relative;
    padding: 0 0 15px 0; }
    .paypal-form .checkout-header:before {
      border-bottom: 1px solid #d8d8d8;
      width: 130%;
      position: absolute;
      bottom: 0;
      left: -60px;
      height: 1px;
      content: "";
      margin: 0; }
    .paypal-form .checkout-header h1 {
      font-size: 3.9em;
      font-weight: 500;
      font-family: "BebasNeue"; }
    .paypal-form .checkout-header h4 {
      text-transform: uppercase;
      font-weight: 700;
      font-size: 15px; }
    .paypal-form .checkout-header h2 {
      text-transform: uppercase;
      font-size: 42px;
      margin: 4px 0 4px 0;
      font-weight: 500;
      font-family: "BebasNeue";
      word-wrap: break-word; }
    .paypal-form .checkout-header p {
      font-size: 14px;
      margin: 0 0 10px 0; }
  .paypal-form .panel-body {
    text-align: center; }
    .paypal-form .panel-body p {
      margin: 10px 0 17px 0; }
      .paypal-form .panel-body p.methiod {
        text-align: left;
        font-weight: 600; }
    .paypal-form .panel-body span.sub {
      font-size: 11px;
      margin: 20px 0 0 0;
      display: block; }
  .paypal-form hr {
    display: none; }
  .paypal-form button#payment-button, .paypal-form button {
    background: linear-gradient(to right, #fd3542, #fd7647);
    color: #fff;
    border: none;
    margin: 20px auto 0;
    max-width: 260px;
    width: 100%; }
  .paypal-form button.hidden {
    display: none; }

.back-top {
  text-align: center;
  margin: -140px 0 -150px 0; }
  .back-top.back-top-not-loged-in.not-log-in {
    margin-bottom: -40px; }
  .back-top .container {
    position: relative;
    z-index: 99; }
    .back-top .container a.back-top {
      font-weight: 700;
      font-size: 16px;
      margin: 0 0 18px 0;
      letter-spacing: 1px;
      text-transform: uppercase;
      color: #000; }
      .back-top .container a.back-top:before {
        content: "";
        border-bottom: 2px solid #FD3542;
        width: 40%;
        position: absolute;
        left: 0;
        top: 45%; }
      .back-top .container a.back-top:after {
        content: "";
        border-bottom: 2px solid #FD3542;
        width: 40%;
        position: absolute;
        right: 0;
        top: 45%; }

/*****************************
--------------------------
Defaut-Style
--------------------------
*****************************/
html {
  overflow-x: hidden; }

select::-ms-expand {
  display: none; }

h1 {
  font-weight: 500; }

h2, h3, h4, h5, h6 {
  font-weight: 600; }

.notification-bar p.account-upgrade {
  color: #fff;
  margin: 10px 0;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1.7em !important;
  font-size: 17px; }

.main-inner .left-content ul, .main-inner .right-content ul, .main-inner .full-width ul {
  list-style: disc inside;
  padding: 0 0 0 50px; }
  .main-inner .left-content ul li, .main-inner .right-content ul li, .main-inner .full-width ul li {
    font-size: 18px;
    color: #000000;
    margin: 0 0 10px 0;
    font-weight: 400;
    font-family: 'Open Sans'; }
.main-inner .full-width hr {
  margin: 30px 0 25px 0; }

a.btn.profile-btn {
  background: #fd5344;
  color: #fff;
  margin: 15px 0 0px 0; }

div#toggle {
  display: block;
  background: #000;
  padding: 18px 30px;
  cursor: pointer; }

img.img-responsive {
  max-width: 100%;
  width: 100%; }

.hand-img img.img-responsive {
  margin: 0 auto;
  display: block; }

.padding-right {
  padding-right: 60px; }
  @media (max-width: 1199px) {
    .padding-right {
      padding-right: 10px; } }
  @media (max-width: 767px) {
    .padding-right {
      padding-right: 0px; } }

.loading-icon {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0.5); }

.has-error {
  background: transparent !important; }

a.back_home {
  color: #fd5a45; }
  a.back_home i.fa {
    margin: 0 6px 0 0; }

p iframe {
  max-width: 100%; }

.main-banner.inner-banner {
  padding: 70px 0 40px 0;
  background-image: url(../images/inner-banner.png);
  min-height: inherit;
  background-position: center top;
  color: #fff; }
  @media (max-width: 1199px) {
    .main-banner.inner-banner {
      padding: 70px 0 40px 0; } }
  @media (max-width: 767px) {
    .main-banner.inner-banner {
      padding: 50px 20px 40px 20px; } }
  @media (max-width: 1199px) {
    .main-banner.inner-banner h1 {
      font-size: 70px; } }
  @media (max-width: 991px) {
    .main-banner.inner-banner h1 {
      font-size: 58px; } }
  @media (max-width: 543px) {
    .main-banner.inner-banner h1 {
      font-size: 30px; } }
  @media (max-width: 543px) {
    .main-banner.inner-banner h2 {
      font-size: 14px;
      letter-spacing: 0; } }
.main-inner section.white-bg {
  padding: 60px 0; }
  .main-inner section.white-bg .left-content .main-title {
    font-size: 40px;
    font-weight: 500;
    margin: 0 0 30px 0;
    font-family: "BebasNeue";
    border-bottom: 1px solid #e4e3e3;
    padding: 0 0 25px 0; }
  .main-inner section.white-bg .left-content img {
    margin: 0 0 20px 0; }
  .main-inner section.white-bg .left-content p {
    font-size: 18px;
    color: #000000;
    margin: 0 0 24px 0;
    font-weight: 100; }
    @media (max-width: 1199px) {
      .main-inner section.white-bg .left-content p {
        font-size: 16px; } }
  .main-inner section.white-bg .sidebar .post-section {
    margin-top: 68px;
    margin-bottom: 20px;
    border: 1px solid #E6E6F6;
    border-radius: 3px;
    padding: 20px; }
    .main-inner section.white-bg .sidebar .post-section h1 {
      font-family: "BebasNeue";
      font-size: 23px;
      margin: 10px 0 30px 0; }
  .main-inner section.white-bg .sidebar .post-inner {
    border-bottom: 1px solid #E6E6F6;
    padding: 0 0 15px 0;
    margin: 0 0 18px 0; }
    .main-inner section.white-bg .sidebar .post-inner:last-child {
      border-bottom: 0 none;
      padding-bottom: 0px;
      margin: 0; }
    .main-inner section.white-bg .sidebar .post-inner .left-img {
      float: left;
      margin: 0 15px 0 0; }
    .main-inner section.white-bg .sidebar .post-inner .right-content {
      margin: 0; }
      .main-inner section.white-bg .sidebar .post-inner .right-content h2 {
        font-family: "BebasNeue";
        font-size: 21px;
        margin: 10px 0 5px 0; }
      .main-inner section.white-bg .sidebar .post-inner .right-content p {
        font-weight: 100;
        color: #b9b9b9; }
      .main-inner section.white-bg .sidebar .post-inner .right-content a.learn-more {
        color: #000;
        font-size: 15px; }
  .main-inner section.white-bg .sidebar .get-recruited {
    text-align: center;
    padding: 58px 20px;
    background: url(../images/get-recruited.png);
    background-repeat: no-repeat;
    width: 100%;
    background-size: 100%;
    border-radius: 3px; }
    @media (max-width: 991px) {
      .main-inner section.white-bg .sidebar .get-recruited {
        padding: 45px 20px; } }
    .main-inner section.white-bg .sidebar .get-recruited h1 {
      color: #fff;
      text-transform: uppercase;
      font-family: "BebasNeue";
      font-size: 52px; }
      @media (max-width: 1199px) {
        .main-inner section.white-bg .sidebar .get-recruited h1 {
          font-size: 42px; } }
      @media (max-width: 991px) {
        .main-inner section.white-bg .sidebar .get-recruited h1 {
          font-size: 28px; } }
      .main-inner section.white-bg .sidebar .get-recruited h1 a {
        color: #fff;
        text-decoration: underline; }

form .select2-container {
  width: 100%;
  margin: 0 0 25px 0; }
  @media (max-width: 767px) {
    form .select2-container {
      margin: 0 0 15px 0; } }
  form .select2-container a {
    padding: 8px 10px;
    margin: 0px;
    border-radius: 3px;
    border: 1px solid #d2d1d1;
    display: inline-block;
    width: 100%;
    height: 46px;
    background: transparent; }
    form .select2-container a div {
      background: transparent !important;
      border: none;
      top: 7px; }
  form .select2-container .select2-choices {
    border-radius: 3px;
    border: 1px solid #d2d1d1;
    box-shadow: 0 0;
    background: #fff;
    margin: 0; }
    form .select2-container .select2-choices input {
      margin: 0;
      border: none;
      height: 45px !important;
      padding: 0 10px !important; }
    form .select2-container .select2-choices li {
      background: transparent !important;
      border: 0 !important;
      border-radius: 0 !important;
      box-shadow: 0 0 !important;
      padding: 0 !important;
      line-height: inherit !important; }
      form .select2-container .select2-choices li div {
        background: linear-gradient(to right, #fd3542, #fd7647);
        color: #fff;
        padding: 4px 21px 4px 10px;
        border-radius: 12px;
        font-size: 13px;
        width: auto; }
      form .select2-container .select2-choices li a.select2-search-choice-close {
        border: none;
        height: auto;
        position: absolute;
        right: 5px;
        width: 11px;
        top: 4px;
        padding: 0;
        left: auto;
        background: transparent !important; }
        form .select2-container .select2-choices li a.select2-search-choice-close:before {
          content: "\f00d";
          font-family: fontawesome;
          font-size: 13px;
          color: #fff; }

div.select2-container .select2-choice div b {
  background: none !important;
  position: relative;
  height: 20px;
  top: 4px; }
  div.select2-container .select2-choice div b:before {
    content: "\f107";
    font-family: fontawesome; }

@media (max-width: 767px) {
  .atheletes-heading > .row {
    margin: 0; } }
.dataTables_wrapper table.table.dataTable tr a.btn.pull-right {
  float: none !important; }

.main-inner p {
  font-size: 18px;
  color: #000000;
  font-weight: 400;
  line-height: 1.7em !important;
  font-family: 'Open Sans';
  margin: 0 0 10px 0; }
.main-inner a {
  color: #fd5344;
  cursor: pointer; }
.main-inner .panel-default {
  margin: 0 0 21px 0; }
  .main-inner .panel-default .panel-heading a {
    background: linear-gradient(to right, #fd3542, #fd7647);
    display: block;
    color: #fff;
    padding: 13px 41px 13px 20px;
    text-transform: uppercase;
    border-radius: 0px;
    font-size: 18px;
    margin: 0 0 10px 0;
    transition: 0.3s ease-in-out;
    position: relative; }
    .main-inner .panel-default .panel-heading a[aria-expanded="true"] {
      border-radius: 0; }
    .main-inner .panel-default .panel-heading a.collapsed {
      border-radius: 25px;
      transition: 0.3s ease-in-out; }
      .main-inner .panel-default .panel-heading a.collapsed:before {
        content: "";
        background: #fff;
        width: 15px;
        height: 2px;
        display: block;
        position: absolute;
        right: 23.1px;
        top: 23px;
        transition: 0.3s ease-in-out; }
      .main-inner .panel-default .panel-heading a.collapsed:after {
        content: "";
        background: #fff;
        width: 2px;
        height: 15px;
        display: block;
        position: absolute;
        right: 29.5px;
        top: 17px;
        transition: 0.3s ease-in-out;
        transform: rotate(0deg);
        opacity: 1; }
    .main-inner .panel-default .panel-heading a:before {
      content: "";
      background: #fff;
      width: 15px;
      height: 2px;
      display: block;
      position: absolute;
      right: 23.1px;
      top: 23px;
      transition: 0.3s ease-in-out; }
    .main-inner .panel-default .panel-heading a:after {
      content: "";
      background: #fff;
      width: 2px;
      height: 15px;
      display: block;
      position: absolute;
      right: 29.5px;
      top: 17px;
      transition: 0.3s ease-in-out;
      transform: rotate(90deg);
      opacity: 0; }
.main-inner .panel .panel-collapse {
  background: #ffffff;
  padding: 0;
  margin: -10px 0 0px 0;
  border-radius: 0;
  transition: 0.3s ease-in-out;
  box-shadow: 2px 2px 0px #ccc, 4px 4px 0px #ccc;
  border: 1px solid #ccc; }
  .main-inner .panel .panel-collapse.collapse {
    height: 0;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s ease-in-out; }
    .main-inner .panel .panel-collapse.collapse.in {
      height: auto;
      visibility: visible;
      opacity: 1; }
.main-inner .panel .panel-body {
  padding: 20px 20px;
  font-size: 18px; }
.main-inner .panel .collapse {
  display: none; }
  .main-inner .panel .collapse.in {
    display: block; }
.main-inner ul.alert.alert-success {
  z-index: 99;
  top: 33%;
  left: 0;
  width: 100%;
  max-width: 100%;
  background: #fff;
  margin: 0 auto 30px;
  right: 0;
  padding: 20px 20px;
  border-radius: 6px;
  text-align: center; }
  .main-inner ul.alert.alert-success li {
    font-size: 31px;
    position: relative;
    padding: 110px 0 10px 0; }
    @media (max-width: 767px) {
      .main-inner ul.alert.alert-success li {
        padding: 85px 0 10px 0;
        font-size: 20px; } }
    .main-inner ul.alert.alert-success li:before {
      content: "\f0e0";
      font-family: fontawesome;
      position: absolute;
      top: 10px;
      left: 0;
      right: 0;
      background: #fd5645;
      display: inline-block;
      width: 90px;
      height: 90px;
      color: #fff;
      border-radius: 92px;
      padding: 17px 0;
      margin: 0 auto;
      font-size: 52px; }
      @media (max-width: 767px) {
        .main-inner ul.alert.alert-success li:before {
          width: 60px;
          height: 60px;
          padding: 16px 0;
          font-size: 27px; } }

ul.alert.alert-success.update_password {
  text-align: center;
  padding: 40px 0;
  position: relative;
  top: 30px;
  max-width: 500px;
  margin: 0 auto;
  width: 100%;
  box-shadow: 1px 3px 7px 1px #ececec; }
  ul.alert.alert-success.update_password li {
    font-size: 30px;
    position: relative;
    padding: 80px 0 0 0; }
    ul.alert.alert-success.update_password li:before {
      content: "\f058";
      font-family: fontawesome;
      position: absolute;
      top: 0;
      left: 0;
      text-align: center;
      width: 60px;
      height: 60px;
      margin: 0 auto;
      right: 0;
      background: #fd5544;
      font-size: 39px;
      color: #fff;
      padding: 10px 0;
      border-radius: 70px; }

.notification-bar {
  position: fixed;
  top: 0;
  width: 100%;
  text-align: center;
  z-index: 9999;
  background: linear-gradient(to right, #fd3542, #fd7647);
  padding: 0 34px; }
  .notification-bar p.account-upgrade {
    color: #fff;
    margin: 10px 0;
    text-transform: uppercase;
    font-weight: 500; }
    .notification-bar p.account-upgrade a {
      color: #fff;
      font-weight: 600; }
      .notification-bar p.account-upgrade a:hover {
        text-decoration: underline; }
  .notification-bar a.close-notification-bar {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9999;
    background: #000;
    width: 30px;
    height: 26px;
    color: #fff; }
    .notification-bar a.close-notification-bar:before {
      content: "x"; }

.succes-message {
  float: left;
  width: 100%; }

.alert-success.homepage.sign-up-message {
  margin: 40px auto 20px;
  text-align: center;
  width: 85%; }
  .alert-success.homepage.sign-up-message span.close-sign-up-message {
    position: absolute;
    right: -1px;
    top: 4px; }
    .alert-success.homepage.sign-up-message span.close-sign-up-message a {
      position: relative;
      background: #000;
      padding: 4px 10px 6px 10px;
      color: #fff; }
      .alert-success.homepage.sign-up-message span.close-sign-up-message a:before {
        content: "x"; }

.delete-acc-box {
  padding: 20px 20px;
  border: 1px solid #e8e8e8; }
  .delete-acc-box p {
    margin: 0 0 20px 0; }
    .delete-acc-box p a.delete-acc-btn {
      color: #fd4f44; }

/*****************************
--------------------------
Progress-Bar-style
--------------------------
*****************************/
.clear {
  clear: both; }

.progress_bar {
  max-width: 820px;
  width: 80%;
  margin: 115px auto 0;
  position: relative;
  height: 50px;
  z-index: 10; }
  .progress_bar hr.all_steps {
    width: 100%;
    height: 7px;
    border: none;
    background: #DDDDDD;
    border-bottom: 1px solid #fff;
    position: absolute;
    bottom: 15px;
    left: 0;
    z-index: 1; }
  .progress_bar hr.current_steps {
    width: 0%;
    border: 0;
    height: 5px;
    background: #ea463d;
    position: absolute;
    bottom: 17px;
    left: 0%;
    z-index: 3; }
  .progress_bar div.step {
    float: left;
    width: 31%;
    height: 50px;
    text-align: center;
    font-size: 12px;
    color: #ccc;
    position: relative;
    text-shadow: 1px 1px #fff;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; }
    .progress_bar div.step:before {
      position: absolute;
      width: 12px;
      height: 12px;
      border-radius: 20px;
      border: 2px solid transparent;
      background: #ea463d;
      bottom: 14px;
      left: 50%;
      margin-left: -6px;
      content: '';
      z-index: 4;
      display: none; }
    .progress_bar div.step:after {
      position: absolute;
      width: 16px;
      height: 16px;
      border-radius: 20px;
      border: 2px solid #DDDDDD;
      background: #DDDDDD;
      bottom: 12px;
      left: 50%;
      margin-left: -8px;
      content: '';
      z-index: 2; }
    .progress_bar div.step.current {
      color: #222; }
      .progress_bar div.step.current:before {
        display: block; }
    .progress_bar div.step.complete {
      color: #888;
      cursor: pointer; }
      .progress_bar div.step.complete:before {
        display: block; }
      .progress_bar div.step.complete:hover {
        color: #555; }

#blocks {
  width: 100%;
  position: relative;
  height: 200px; }
  #blocks .block {
    position: absolute;
    width: 100%;
    left: 100%;
    height: 200px; }
    #blocks .block .wrap {
      width: 80%;
      margin: 0 auto; }

/* CSS BUTTON By http://codepen.io/daneden/pen/rcFJE*/
.butt {
  /* Additions */
  cursor: pointer;
  margin-right: 5px;
  /* End Additions */
  font-size: .825em;
  text-decoration: none;
  font-weight: 700;
  padding: .35em 1em;
  background-color: #eaeef1;
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.1));
  border-radius: 3px;
  color: rgba(0, 0, 0, 0.6);
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.7); }

.butt:hover, .butt.hover {
  background-color: #fff; }

.butt:active, .butt.active {
  background-color: #d0d3d6;
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), transparent);
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2), inset 0 2px 5px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.2); }

/*****************************
--------------------------
Events-Style
--------------------------
*****************************/
.filter-section {
  padding: 20px 0;
  float: left;
  width: 100%;
  border-bottom: 1px solid #ccc; }
  .filter-section form#eventSearchForm {
    padding: 0 40px; }
    @media (max-width: 767px) {
      .filter-section form#eventSearchForm {
        padding: 0px; } }
  .filter-section h3 {
    text-align: center;
    text-transform: uppercase;
    display: block;
    font-weight: 700;
    color: #000;
    margin: 0px 0 20px 0;
    font-size: 18px; }
  .filter-section label {
    text-transform: uppercase;
    display: block;
    font-weight: 700;
    color: #000;
    margin: 0 0 9px 0; }
    @media (max-width: 1199px) {
      .filter-section label {
        font-size: 13px; } }
  .filter-section select {
    width: 100%;
    padding: 13px 25px 13px 10px;
    margin: 0 0 21px 0;
    border-radius: 3px;
    border: 1px solid #d2d1d1;
    height: 46px;
    text-overflow: ellipsis;
    background: transparent;
    background: #fff url(/storage/THPHMsNDuw6U2SomE0yo9FqKAqN3uoqnePsqVSp2.png);
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: 98% 50%;
    text-overflow: ellipsis; }
    .filter-section select.newsportsingle {
      -webkit-appearance: none;
      pointer-events: none;
      -moz-appearance: none;
      appearance: none;
      background: transparent; }
  .filter-section input {
    width: 100%;
    padding: 13px 10px;
    margin: 0 0 21px 0;
    border-radius: 3px;
    border: 1px solid #d2d1d1;
    height: 46px;
    text-overflow: ellipsis;
    text-transform: capitalize; }
    .filter-section input[type="file"] {
      color: #fff; }
    @media (max-width: 1199px) {
      .filter-section input {
        font-size: 15px; } }
  .filter-section .btn {
    background: -webkit-gradient(linear, left top, right top, from(#fd3542), to(#fd7647));
    background: linear-gradient(to right, #fd3542, #fd7647);
    color: #fff;
    border: none;
    border-radius: 40px;
    width: 100%;
    text-align: center;
    padding: 12px 0;
    height: 44px; }
  .filter-section ul.school-result {
    margin: 0px 0 30px 0;
    padding: 10px;
    background: #f5f5f5;
    border: 1px solid #e0e0e0;
    height: 100px;
    overflow: auto;
    position: absolute;
    top: 78%;
    width: 89%;
    z-index: 999; }
    .filter-section ul.school-result li {
      margin: 0 0 6px 0;
      font-size: 14px;
      cursor: pointer; }
      .filter-section ul.school-result li:hover {
        color: #fd5544; }
  .filter-section .padd-right-remove {
    padding-right: 0; }
  .filter-section .select2-container {
    width: 100%;
    margin-bottom: 16px; }
    .filter-section .select2-container a {
      padding: 8px 10px;
      margin: 0px;
      border-radius: 3px;
      border: 1px solid #d2d1d1;
      display: inline-block;
      width: 100%;
      height: 46px;
      background: #fff; }
      .filter-section .select2-container a div {
        background: transparent !important;
        border: none;
        top: 7px; }
  @media (max-width: 767px) {
    .filter-section .row {
      margin: 0px; } }
  @media (max-width: 991px) {
    .filter-section .padd-left-remove {
      padding-right: 0; } }

.main-inner section.grey-bg {
  background: #F7F7F8;
  padding: 40px 0; }
  .main-inner section.grey-bg.completeprofile {
    padding-bottom: 0; }
.main-inner .events-section {
  display: table;
  width: 100%; }
  .main-inner .events-section.not-found {
    position: relative;
    margin: 0 0 32% 0; }
    @media (max-width: 991px) {
      .main-inner .events-section.not-found {
        margin: 0 0 300px 0; } }
    .main-inner .events-section.not-found .events-data {
      background: #fff;
      width: 100%;
      position: absolute;
      text-align: center;
      padding: 130px 0 42px 0; }
      .main-inner .events-section.not-found .events-data:before {
        content: "\f06a";
        color: #fe5045;
        position: absolute;
        top: 45px;
        font-family: fontawesome;
        font-size: 71px;
        left: 0;
        right: 0; }
      .main-inner .events-section.not-found .events-data h3 {
        font-size: 30px;
        padding: 0 10%; }
        @media (max-width: 991px) {
          .main-inner .events-section.not-found .events-data h3 {
            font-size: 24px; } }
        @media (min-width: 544px) {
          .main-inner .events-section.not-found .events-data h3 {
            font-size: 18px; } }
.main-inner .events-heading {
  display: table-row;
  width: 100%; }
  .main-inner .events-heading .head {
    display: table-cell;
    padding: 19px 20px; }
    @media (max-width: 767px) {
      .main-inner .events-heading .head {
        display: none; } }
    .main-inner .events-heading .head h2 {
      font-size: 20px;
      font-family: "BebasNeue"; }
.main-inner .events-content {
  display: table-row;
  width: 100%; }
  @media (max-width: 991px) {
    .main-inner .events-content.notification_unread .events-data {
      width: 450px; } }
  @media (max-width: 767px) {
    .main-inner .events-content.notification_unread .events-data {
      width: 100%; } }
  .main-inner .events-content.notification_unread .events-data:last-child {
    width: 290px; }
    @media (max-width: 767px) {
      .main-inner .events-content.notification_unread .events-data:last-child {
        width: 100%; } }
  .main-inner .events-content.no-school-found {
    display: block; }
    .main-inner .events-content.no-school-found h3 {
      background: #fff;
      padding: 170px 30px 30px 30px;
      text-align: center;
      font-size: 30px;
      position: relative; }
      .main-inner .events-content.no-school-found h3:before {
        content: "";
        background: url(/images/no-imoframtion-availalbe.png);
        background-position: left top;
        width: 140px;
        height: 140px;
        position: absolute;
        top: 30px;
        left: 0;
        right: 0;
        margin: 0 auto;
        background-size: 100%;
        background-repeat: no-repeat; }
  .main-inner .events-content.no-event-found {
    display: block; }
    .main-inner .events-content.no-event-found h3 {
      background: #fff;
      padding: 170px 30px 30px 30px;
      text-align: center;
      font-size: 30px;
      position: relative; }
      .main-inner .events-content.no-event-found h3:before {
        content: "";
        background: url(/images/no-attendees-avaiable.png);
        background-position: left top;
        width: 140px;
        height: 140px;
        position: absolute;
        top: 30px;
        left: 0;
        right: 0;
        margin: 0 auto;
        background-size: 100%;
        background-repeat: no-repeat; }
  @media (max-width: 767px) {
    .main-inner .events-content {
      display: block;
      width: 100%;
      margin: 0 0 25px 0;
      border-bottom: 0;
      padding: 21px 0;
      background: #fff; } }
  .main-inner .events-content .events-data {
    display: table-cell;
    background: #fff;
    padding: 30px 15px;
    border-bottom: 12px solid transparent;
    position: relative; }
    .main-inner .events-content .events-data h3 {
      word-break: break-word; }
    @media (max-width: 1199px) {
      .main-inner .events-content .events-data {
        padding: 30px 10px; } }
    @media (max-width: 767px) {
      .main-inner .events-content .events-data {
        padding: 1px 5px;
        display: block;
        width: 100%;
        text-align: center;
        border: 0; } }
    .main-inner .events-content .events-data:before {
      content: "";
      position: absolute;
      left: 0px;
      bottom: -12px;
      width: 100%;
      height: 12px;
      background: -webkit-gradient(linear, left top, left bottom, from(#ececfd), to(#f7f7f8));
      background: linear-gradient(#ececfd, #f7f7f8); }
      @media (max-width: 767px) {
        .main-inner .events-content .events-data:before {
          display: none; } }
    .main-inner .events-content .events-data:last-child {
      text-align: right;
      width: 350px; }
      @media (max-width: 991px) {
        .main-inner .events-content .events-data:last-child {
          width: 130px; } }
      @media (max-width: 767px) {
        .main-inner .events-content .events-data:last-child {
          width: 100%; } }
    .main-inner .events-content .events-data h2 {
      font-size: 20px;
      font-family: "BebasNeue"; }
      @media (max-width: 1199px) {
        .main-inner .events-content .events-data h2 {
          font-size: 18px; } }
      @media (max-width: 991px) {
        .main-inner .events-content .events-data h2 {
          font-size: 16px; } }
      @media (max-width: 767px) {
        .main-inner .events-content .events-data h2 {
          font-size: 22px;
          background: -webkit-gradient(linear, left top, right top, from(#fd3542), to(#fd7647));
          background: linear-gradient(to right, #fd3542, #fd7647);
          margin: -22px -5px 5px -5px;
          padding: 8px 0; } }
      .main-inner .events-content .events-data h2 a {
        color: #250A55;
        font-weight: 600; }
        @media (max-width: 767px) {
          .main-inner .events-content .events-data h2 a {
            color: #ffffff;
            font-weight: 400; } }
    .main-inner .events-content .events-data p {
      font-family: 'Open Sans';
      color: #7f7f7f;
      font-size: 16px;
      font-weight: 400;
      color: #333; }
      @media (max-width: 1199px) {
        .main-inner .events-content .events-data p {
          font-size: 13px; } }
      @media (max-width: 767px) {
        .main-inner .events-content .events-data p {
          text-align: center;
          margin: 0 0 3px 0;
          font-size: 15px; } }
      .main-inner .events-content .events-data p a {
        color: #32195f;
        border-left: 2px solid #250A55;
        padding: 0 0 0px 10px;
        margin: 0 8px 0 0;
        text-transform: uppercase; }
        .main-inner .events-content .events-data p a:hover {
          color: #fd5344; }
        .main-inner .events-content .events-data p a:first-child {
          border: none;
          padding-left: 0; }
        @media (max-width: 991px) {
          .main-inner .events-content .events-data p a {
            margin: 0 2px 0 2px;
            display: block;
            border: 0 none;
            font-size: 11px;
            padding: 0; } }
        @media (max-width: 767px) {
          .main-inner .events-content .events-data p a {
            display: inline-block;
            border-left: 2px solid #250A55;
            padding-left: 8px;
            font-size: 14px; } }

#add-event-new.addevent {
  max-width: 1000px;
  margin: 50px auto;
  padding: 30px 20px;
  border: 1px solid #ccc;
  border-radius: 5px; }
  @media (max-width: 767px) {
    #add-event-new.addevent {
      padding: 20px 10px; } }
  #add-event-new.addevent img.img-responsive {
    width: 270px;
    margin: 10px 10px 0 0;
    float: left; }
  #add-event-new.addevent #image_preview br {
    display: none; }
  #add-event-new.addevent .half {
    width: 49.5%;
    display: inline-block;
    float: none;
    margin: 0 0 20px 0;
    padding: 0px 10px;
    vertical-align: top; }
    @media (max-width: 543px) {
      #add-event-new.addevent .half {
        width: 100%; } }
  #add-event-new.addevent ul.type_of_event {
    float: left;
    width: 100%; }
    #add-event-new.addevent ul.type_of_event li {
      display: inline-block;
      width: auto;
      margin: 10px 17px 5px 0;
      position: relative; }
      #add-event-new.addevent ul.type_of_event li p {
        margin: 0;
        position: relative;
        padding: 0 0 0 26px; }
        #add-event-new.addevent ul.type_of_event li p:before {
          content: "";
          background: #ffffff;
          width: 20px;
          height: 20px;
          position: absolute;
          left: 0px;
          border-radius: 50%;
          top: 2px;
          border: 2px solid #000; }
      #add-event-new.addevent ul.type_of_event li input[type="radio"] {
        float: left;
        padding: 0;
        margin: 0;
        -webkit-appearance: none !important;
        appearance: none;
        -moz-appearance: none;
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 99;
        border: none;
        opacity: 0; }
        #add-event-new.addevent ul.type_of_event li input[type="radio"]:checked + p:after {
          content: "";
          background: #000;
          width: 10px;
          height: 10px;
          position: absolute;
          left: 5px;
          border-radius: 50%;
          top: 7px;
          border: 2px solid #000; }
  #add-event-new.addevent .full {
    float: left;
    width: 100%;
    display: block;
    padding: 0px 15px 0px 10px;
    margin: 0 0 20px 0; }
  #add-event-new.addevent label {
    font-size: 15px;
    color: #212527;
    display: block;
    margin: 0 0 9px 0;
    font-weight: 700;
    text-transform: uppercase;
    width: 100%;
    float: left; }
    #add-event-new.addevent label sup {
      color: red; }
  #add-event-new.addevent input {
    padding: 10px 10px;
    border-radius: 2px;
    border: 1px solid #ccc;
    width: 100%;
    height: 45px;
    background: transparent;
    margin: 0; }
  #add-event-new.addevent select {
    padding: 10px 10px;
    border-radius: 2px;
    border: 1px solid #ccc;
    width: 100%;
    height: 45px;
    background: transparent;
    margin: 0; }
  #add-event-new.addevent textarea {
    padding: 10px 10px;
    border-radius: 2px;
    border: 1px solid #ccc;
    width: 100%;
    background: transparent;
    margin: 0; }
  #add-event-new.addevent button.btn.orange {
    margin: 20px auto 5px;
    display: block; }
  #add-event-new.addevent ul.school-search-result {
    margin: 0px 0 30px 0;
    padding: 10px 10px;
    background: #f5f5f5;
    border: 1px solid #e0e0e0;
    height: 100px;
    overflow: auto; }
    #add-event-new.addevent ul.school-search-result li {
      margin: 0 0 6px 0;
      cursor: pointer; }
      #add-event-new.addevent ul.school-search-result li:hover {
        color: #fd5544; }

.progressbar {
  margin: 0 auto 40px;
  max-width: 850px;
  clear: both; }
  @media (max-width: 543px) {
    .progressbar {
      margin: 0 auto 20px; } }
  .progressbar .maindiv {
    background: #d5d6d6;
    display: block;
    width: 100%;
    height: 7px;
    border-radius: 10px;
    margin: 0 0 40px 0;
    position: relative; }
    .progressbar .maindiv .progressdiv {
      background: #78d8b5;
      display: block;
      height: 7px;
      border-radius: 15px;
      position: absolute;
      left: 0;
      top: 0; }
      .progressbar .maindiv .progressdiv:after {
        content: "";
        background: #78d8b5;
        padding: 4px;
        border: 5px solid #fff;
        border-radius: 50px;
        height: 20px;
        width: 20px;
        display: block;
        position: absolute;
        right: 0;
        top: -6px;
        -webkit-box-shadow: 1px 4px 11px -6px #000;
        box-shadow: 1px 4px 11px -6px #000; }
    .progressbar .maindiv h2 {
      font-size: 14px;
      font-weight: bold;
      margin: 20px 0 10px 0;
      font-family: 'Open Sans';
      text-align: left;
      float: left;
      line-height: 20px;
      text-transform: uppercase; }
      .progressbar .maindiv h2 span.progressval {
        font-weight: bold; }
      .progressbar .maindiv h2 br {
        display: none; }

.info-forms {
  float: left;
  width: 100%; }

.no-result .events-section.atheletes-main {
  position: relative;
  height: 370px; }
  .no-result .events-section.atheletes-main:before {
    background: url(../images/no-search-result.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 320px;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    display: block;
    width: 100%; }
.no-result .atheletes-heading a.btn.light {
  pointer-events: none;
  cursor: default;
  opacity: 0.5; }

.importevent {
  text-align: center;
  margin: 40px 0 -10px 0; }
  .importevent a.downloadbutton {
    background: -webkit-gradient(linear, left top, right top, from(#fd3542), to(#fd7647));
    background: linear-gradient(to right, #fd3542, #fd7647);
    display: inline-block;
    padding: 10px 40px;
    border-radius: 33px;
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600; }
    .importevent a.downloadbutton:after {
      font-family: fontawesome;
      margin: 0 0 0 15px;
      content: "\f0f6"; }

.email-section {
  float: left;
  width: 100%;
  margin: 0 0 20px 0;
  border: 1px solid #ccc; }
.email-heading {
  width: 100%;
  float: left; }
  .email-heading > div {
    text-align: left;
    border-top: 1px solid #ccc; }
    .email-heading > div:first-child {
      border-top: 0 none; }
.email-content {
  width: 100%;
  float: right;
  text-align: left; }
  .email-content > div {
    border-top: 1px solid #ccc;
    text-align: left !important; }
    .email-content > div:first-child {
      border-top: 0 none; }

/*****************************
--------------------------
Sign-Up-Popup-style
--------------------------
*****************************/
html.popup {
  overflow: hidden; }

.sign-up-popup {
  position: fixed;
  top: 0;
  z-index: 999999;
  left: 0;
  height: 100%;
  width: 100%;
  text-align: center;
  overflow-y: scroll;
  background: rgba(255, 255, 255, 0.9);
  -webkit-overflow-scrolling: touch; }
.sign-up-message {
  padding: 175px 20px 60px 20px;
  font-size: 30px;
  position: relative;
  background: #fff;
  max-width: 560px;
  margin: 250px auto;
  box-shadow: 1px 4px 35px #cecece; }
  .sign-up-message.sign-up-messagenew.sign-up-without-popup {
    position: fixed;
    top: 0;
    width: 100%;
    margin: 250px auto;
    left: 0;
    right: 0; }
  .sign-up-message:before {
    background: url(../images/tikk.png);
    background-repeat: no-repeat;
    background-position: left top;
    width: 110px;
    height: 110px;
    content: "";
    position: absolute;
    top: 13%;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-size: 100%; }
  .sign-up-message span {
    font-size: 14px; }
.sign-up-content {
  background: #fff;
  max-width: 770px;
  margin: 0 auto 90px;
  padding: 70px 90px 110px 90px;
  box-shadow: 3px 38px 133px -59px #000;
  top: 10%;
  position: absolute;
  width: 95%;
  border: 1px solid #f5f5f5;
  left: 0;
  right: 0; }
  @media (max-width: 991px) {
    .sign-up-content {
      padding: 50px 20px 50px 20px; } }
  .sign-up-content a.close {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9999;
    background: #000;
    width: 30px;
    height: 30px;
    color: #fff; }
    .sign-up-content a.close:before {
      content: "x";
      line-height: 27px; }
    .sign-up-content a.close i {
      color: #000;
      display: none; }
  .sign-up-content h1 {
    font-family: "BebasNeue";
    font-size: 44px;
    font-weight: 500;
    margin: 0 0 21px 0; }
    @media (max-width: 544px) {
      .sign-up-content h1 {
        font-size: 34px; } }
  .sign-up-content h2 {
    font-family: "BebasNeue";
    font-weight: 500;
    margin: 50px 0 40px 0; }
  .sign-up-content .radio-section {
    margin: 32px -7px 33px -7px; }
    .sign-up-content .radio-section a {
      display: inline-block;
      width: 32%;
      color: #b5b5b5;
      text-transform: uppercase;
      font-weight: 600;
      border-bottom: 1px solid #b5b5b5;
      padding: 0 0 23px 0;
      position: relative; }
      @media (max-width: 544px) {
        .sign-up-content .radio-section a {
          font-size: 11px; } }
      .sign-up-content .radio-section a.checked {
        border-bottom: 1px solid #FD3542;
        color: #FD3542; }
      .sign-up-content .radio-section a input {
        width: 100%;
        position: absolute;
        left: 0;
        height: 100%;
        visibility: hidden; }
  @media (max-width: 991px) {
    .sign-up-content .container {
      padding: 0; } }
  .sign-up-content form.create-acc {
    text-align: left; }
    .sign-up-content form.create-acc .half {
      width: 49%;
      display: inline-block;
      vertical-align: top;
      margin-left: 1%; }
      .sign-up-content form.create-acc .half.width-30 {
        width: 25%; }
        @media (max-width: 544px) {
          .sign-up-content form.create-acc .half.width-30 {
            width: 100%;
            margin: 0px; } }
      .sign-up-content form.create-acc .half.width-70 {
        width: 73%; }
        @media (max-width: 544px) {
          .sign-up-content form.create-acc .half.width-70 {
            width: 100%;
            margin: 0px; } }
      @media (max-width: 544px) {
        .sign-up-content form.create-acc .half {
          width: 100%;
          margin: 0px; } }
      .sign-up-content form.create-acc .half:first-child {
        margin-left: 0; }
    .sign-up-content form.create-acc .small {
      width: 24%;
      display: inline-block;
      vertical-align: top;
      margin-right: 1%; }
      @media (max-width: 544px) {
        .sign-up-content form.create-acc .small {
          width: 100%; } }
    .sign-up-content form.create-acc .medium {
      width: 74%;
      display: inline-block;
      vertical-align: top; }
      @media (max-width: 544px) {
        .sign-up-content form.create-acc .medium {
          width: 100%; } }
    .sign-up-content form.create-acc label {
      font-size: 15px;
      color: #212527;
      display: block;
      margin: 0 0 9px 0;
      font-weight: 700;
      text-transform: uppercase; }
      @media (max-width: 991px) {
        .sign-up-content form.create-acc label {
          font-size: 14px; } }
      .sign-up-content form.create-acc label sup {
        color: red;
        font-weight: bold; }
      .sign-up-content form.create-acc label .saving img {
        width: 20px;
        position: relative;
        top: 3px;
        right: -2px; }
    .sign-up-content form.create-acc input {
      padding: 10px 10px;
      border-radius: 2px;
      border: 1px solid #ccc;
      width: 100%;
      height: 45px;
      background: transparent;
      margin: 0 0 27px 0 !important; }
      @media (max-width: 767px) {
        .sign-up-content form.create-acc input {
          height: 34px;
          padding: 6px 10px; } }
    .sign-up-content form.create-acc .checkboxrequired {
      padding: 0;
      margin: 0 0 30px 0; }
      .sign-up-content form.create-acc .checkboxrequired input[type="checkbox"] {
        width: auto;
        height: auto;
        float: left;
        margin: 4px 10px 0 0 !important; }
      .sign-up-content form.create-acc .checkboxrequired a {
        color: #fe5045; }
      .sign-up-content form.create-acc .checkboxrequired span.error {
        margin: 0 0 0 25px !important; }
    .sign-up-content form.create-acc select {
      padding: 10px 10px;
      border-radius: 2px;
      border: 1px solid #ccc;
      width: 100%;
      height: 45px;
      background: transparent;
      margin: 0 0 27px 0;
      background: #f7f7f8 url(/storage/THPHMsNDuw6U2SomE0yo9FqKAqN3uoqnePsqVSp2.png);
      appearance: none;
      -moz-appearance: none;
      -webkit-appearance: none;
      background-size: 14px;
      background-repeat: no-repeat;
      background-position: 98% 50%; }
      @media (max-width: 767px) {
        .sign-up-content form.create-acc select {
          height: 34px;
          padding: 6px 10px; } }
    .sign-up-content form.create-acc select.searchresult {
      margin: -28px 0 30px 0 !important;
      display: block;
      border-top: 0 none;
      background: #fff; }
    .sign-up-content form.create-acc button.btn.orange {
      margin: 6px auto 0;
      display: block;
      padding: 16px 100px;
      font-size: 20px; }
      @media (max-width: 544px) {
        .sign-up-content form.create-acc button.btn.orange {
          padding: 10px 10px;
          font-size: 15px;
          max-width: 200px;
          width: 100%; } }
    .sign-up-content form.create-acc span.error {
      color: red;
      font-size: 12px !important;
      margin: -20px 0 20px 0 !important;
      display: block; }
    .sign-up-content form.create-acc .select2-container {
      width: 100%;
      margin: 0 0 16px 0; }
      .sign-up-content form.create-acc .select2-container a {
        padding: 8px 10px;
        margin: 0px;
        border-radius: 3px;
        border: 1px solid #d2d1d1;
        display: inline-block;
        width: 100%;
        height: 46px;
        background: #fff; }
        .sign-up-content form.create-acc .select2-container a div {
          background: transparent !important;
          border: none;
          top: 7px; }
    .sign-up-content form.create-acc .checkbox {
      margin: 0 0 10px 0; }
      .sign-up-content form.create-acc .checkbox li {
        position: relative;
        padding: 0 0 0 33px;
        width: 32%;
        display: inline-block; }
        @media (max-width: 767px) {
          .sign-up-content form.create-acc .checkbox li {
            width: 142px;
            padding: 0 0 0 24px; } }
        .sign-up-content form.create-acc .checkbox li input {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          opacity: 0;
          z-index: 99; }
          .sign-up-content form.create-acc .checkbox li input + label:before {
            content: "";
            border: 2px solid #fe5045;
            width: 22px;
            height: 22px;
            display: block;
            border-radius: 50px;
            position: absolute;
            left: 0;
            top: 3px; }
            @media (max-width: 767px) {
              .sign-up-content form.create-acc .checkbox li input + label:before {
                width: 16px;
                height: 16px; } }
          .sign-up-content form.create-acc .checkbox li input:checked + label:after {
            content: "";
            width: 7px;
            height: 7px;
            display: block;
            border-radius: 50px;
            position: absolute;
            left: 6px;
            top: 9px;
            background: #fe5045;
            padding: 5px; }
            @media (max-width: 767px) {
              .sign-up-content form.create-acc .checkbox li input:checked + label:after {
                left: 4px;
                top: 7px;
                padding: 4px; } }
        .sign-up-content form.create-acc .checkbox li label {
          display: block;
          margin: 0 0 10px 0;
          color: #212527;
          font-weight: 400;
          font-size: 17px;
          text-transform: capitalize; }
          @media (max-width: 767px) {
            .sign-up-content form.create-acc .checkbox li label {
              font-size: 15px; } }
    .sign-up-content form.create-acc .full {
      float: left;
      width: 100%; }
      @media (max-width: 767px) {
        .sign-up-content form.create-acc .full .row {
          margin: 0; } }
      .sign-up-content form.create-acc .full .Password {
        max-width: 100%;
        width: 100%;
        margin: 0 0 50px 0; }
        .sign-up-content form.create-acc .full .Password input {
          margin: 0; }
        .sign-up-content form.create-acc .full .Password .Password__strength-meter {
          margin: 12px 0 30px 0; }
      .sign-up-content form.create-acc .full ul.school-list {
        margin: -27px 0 30px 0;
        padding: 10px 10px;
        background: #f5f5f5;
        border: 1px solid #e0e0e0;
        height: 130px;
        overflow: auto; }
        .sign-up-content form.create-acc .full ul.school-list li {
          margin: 0 0 6px 0;
          cursor: pointer; }
          .sign-up-content form.create-acc .full ul.school-list li:hover {
            color: #fd5544; }
      .sign-up-content form.create-acc .full .searchable .dropdown-toggle {
        margin: 0 0 20px 0;
        position: relative;
        min-height: 45px;
        padding: 0px 7px;
        border-radius: 4px;
        border: 1px solid #ccc;
        width: 100%;
        height: auto; }
        .sign-up-content form.create-acc .full .searchable .dropdown-toggle span.selected-tag {
          border: none;
          border-radius: 51px;
          padding: 0px 0px;
          height: auto;
          font-family: 'Open Sans';
          display: inline-block;
          margin: 9px 14px 2px 0;
          background: transparent;
          position: relative;
          z-index: 999; }
        .sign-up-content form.create-acc .full .searchable .dropdown-toggle input.form-control {
          border: none;
          height: 42px;
          margin: 0;
          /* width: 100% !important; */
          /* display: block; */
          padding: 0;
          /* max-width: inherit !important; */
          /* float: none; */
          /* position: absolute; */
          /* top: 0; */
          /* z-index: 99; */
          /* left: 0; */
          /* min-height: 45px; */ }
          .sign-up-content form.create-acc .full .searchable .dropdown-toggle input.form-control::-webkit-input-placeholder {
            /* Chrome/Opera/Safari */
            color: #000; }
          .sign-up-content form.create-acc .full .searchable .dropdown-toggle input.form-control::-moz-placeholder {
            /* Firefox 19+ */
            color: #000; }
          .sign-up-content form.create-acc .full .searchable .dropdown-toggle input.form-control:-ms-input-placeholder {
            /* IE 10+ */
            color: #000; }
          .sign-up-content form.create-acc .full .searchable .dropdown-toggle input.form-control:-moz-placeholder {
            /* Firefox 18- */
            color: #000; }
        .sign-up-content form.create-acc .full .searchable .dropdown-toggle i.open-indicator {
          top: 10px;
          right: 5px; }
          .sign-up-content form.create-acc .full .searchable .dropdown-toggle i.open-indicator:before {
            content: "";
            border-right: 0px solid transparent;
            border-top: 4px solid transparent;
            border-left: 6px solid #000;
            border-bottom: 4px solid transparent;
            transform: rotate(-90deg);
            height: 0px;
            width: 0;
            position: absolute;
            right: 0;
            top: 2px; }
          .sign-up-content form.create-acc .full .searchable .dropdown-toggle i.open-indicator:after {
            content: "";
            border-right: 0px solid transparent;
            border-top: 4px solid transparent;
            border-left: 6px solid #000;
            border-bottom: 4px solid transparent;
            transform: rotate(90deg);
            display: inline-block;
            height: 0px;
            width: 0;
            position: absolute;
            bottom: 1px;
            right: 0; }
  .sign-up-content .social-signup {
    margin: 0 -15px; }
    @media (max-width: 991px) {
      .sign-up-content .social-signup {
        margin: 0;
        float: left;
        width: 100%; }
        .sign-up-content .social-signup .facebook {
          margin-bottom: 15px; } }
    .sign-up-content .social-signup .facebook a {
      background: #3B5998;
      color: #fff;
      display: block;
      text-align: left;
      padding: 10px 20px;
      border-radius: 4px; }
      .sign-up-content .social-signup .facebook a i {
        float: right;
        font-weight: bold;
        font-size: 21px; }
    .sign-up-content .social-signup .twitter a {
      background: #1DA1F2;
      color: #fff;
      display: block;
      text-align: left;
      padding: 10px 20px;
      border-radius: 4px; }
      .sign-up-content .social-signup .twitter a i {
        float: right;
        font-weight: bold;
        font-size: 21px; }

.homepage.sign-up-message {
  position: fixed;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 99999;
  text-align: center; }
  .homepage.sign-up-message:after {
    background: #fff;
    position: fixed;
    height: 100%;
    width: 100%;
    opacity: 0.9;
    z-index: -9;
    top: 0;
    content: "";
    left: 0; }

.alert-danger.homepage.sign-up-message span.close-sign-up-message a {
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  display: block;
  height: 27px;
  background: #000; }
  .alert-danger.homepage.sign-up-message span.close-sign-up-message a:before {
    content: "x";
    color: #fff;
    line-height: 27px; }

#show-term.sign-up-popup {
  text-align: left; }
  #show-term.sign-up-popup span.close-term {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9999;
    background: #000;
    width: 30px;
    height: 30px;
    color: #fff;
    font-size: 0;
    text-align: center; }
    #show-term.sign-up-popup span.close-term:before {
      content: "x";
      font-size: 18px; }
  #show-term.sign-up-popup .sign-up-content {
    padding: 0; }
    #show-term.sign-up-popup .sign-up-content:before {
      content: "";
      background: linear-gradient(#fff, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.2));
      width: 100%;
      height: 50px;
      position: absolute;
      top: 0; }
      @media (max-width: 767px) {
        #show-term.sign-up-popup .sign-up-content:before {
          height: 40px; } }
    #show-term.sign-up-popup .sign-up-content:after {
      content: "";
      background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.9), #fff);
      width: 100%;
      height: 50px;
      position: absolute;
      bottom: 0; }
      @media (max-width: 767px) {
        #show-term.sign-up-popup .sign-up-content:after {
          height: 40px; } }
    #show-term.sign-up-popup .sign-up-content .show-inner {
      padding: 70px 90px 110px 90px;
      height: 550px;
      overflow-y: auto;
      overflow-x: hidden; }
      @media (max-width: 767px) {
        #show-term.sign-up-popup .sign-up-content .show-inner {
          padding: 40px 40px 110px 30px;
          height: 500px; } }
  #show-term.sign-up-popup h2 {
    font-family: "BebasNeue" !important;
    font-size: 40px !important;
    font-weight: 500 !important;
    margin: 0 0 21px 0 !important; }
    @media (max-width: 767px) {
      #show-term.sign-up-popup h2 {
        font-size: 30px !important;
        margin: 0 0 10px 0 !important;
        line-height: 1.1em !important; } }
  @media (max-width: 767px) {
    #show-term.sign-up-popup p {
      font-size: 14px; } }

	/*****************************
--------------------------
About-Events-Style
--------------------------
*****************************/
.share-event {
  float: left;
  width: 100%;
  background: #212427;
  padding: 12px 0;
  color: #fff;
  font-size: 14px;
  font-weight: 100; }
  @media (max-width: 767px) {
    .share-event {
      text-align: center; } }
  .share-event a {
    color: #fff;
    font-weight: 100; }
    .share-event a i {
      margin: 0 10px 0 0; }
.share-section {
  text-align: right; }
  @media (max-width: 767px) {
    .share-section {
      text-align: center;
      margin-top: 10px; } }
  .share-section p {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    margin: 0px;
    font-size: 16px;
    font-weight: 400; }
  .share-section ul {
    display: inline-block;
    margin: -1px 0 0 7px; }
    .share-section ul li {
      display: inline-block;
      margin: 0 0 0 8px; }
      .share-section ul li a {
        font-size: 20px; }

.main-inner section.white-bg .right-content {
  margin: 66px 0 0 0; }
.main-inner section.white-bg .right-box {
  border: 1px solid #E6E6F6;
  border-radius: 3px;
  padding: 20px;
  float: left;
  width: 100%; }
  @media (max-width: 767px) {
    .main-inner section.white-bg .right-box {
      margin-bottom: 20px; } }
  .main-inner section.white-bg .right-box h1 {
    font-family: "BebasNeue";
    font-size: 23px;
    margin: 10px 0 30px 0; }
    @media (max-width: 991px) {
      .main-inner section.white-bg .right-box h1 {
        margin: 0px 0 20px 0;
        font-size: 21px; } }
  .main-inner section.white-bg .right-box .uploaded-images .padding-10 {
    padding: 0 2px;
    margin: 0 0 5px 0; }
  @media (max-width: 767px) {
    .main-inner section.white-bg .right-box .uploaded-images img {
      height: auto; } }
  .main-inner section.white-bg .right-box .uploaded-images a {
    background: #F7F7F8;
    min-height: 77px;
    max-height: 77px;
    display: block; }
    .main-inner section.white-bg .right-box .uploaded-images a.upload {
      background: #fff;
      border: 2px dashed #e4e3e3;
      padding: 22px 20px;
      text-align: center;
      color: #000;
      font-size: 11px; }
      .main-inner section.white-bg .right-box .uploaded-images a.upload i {
        display: block; }
.main-inner section.grey-bg .atheletes-heading {
  border-bottom: 1px solid #e4e3e3;
  float: left;
  width: 100%;
  margin: 0 0 30px 0; }
  .main-inner section.grey-bg .atheletes-heading.noresultfound {
    border: none;
    background: #fff;
    text-align: center;
    padding: 180px 30px 30px 30px;
    margin: 66px 0 0 0;
    position: relative; }
    .main-inner section.grey-bg .atheletes-heading.noresultfound .col-md-8 {
      width: 100%; }
    .main-inner section.grey-bg .atheletes-heading.noresultfound:before {
      content: "";
      background: url(/images/no-imoframtion-availalbe.png);
      background-position: left top;
      width: 140px;
      height: 140px;
      position: absolute;
      top: 30px;
      left: 0;
      right: 0;
      margin: 0 auto;
      background-size: 100%;
      background-repeat: no-repeat; }
    .main-inner section.grey-bg .atheletes-heading.noresultfound.nonotification h4 {
      font-family: "BebasNeue";
      font-size: 38px;
      margin: 0 0 20px 0; }
    .main-inner section.grey-bg .atheletes-heading.noresultfound.nonotification ul li {
      margin: 0 0 5px 0;
      font-size: 20px; }
      .main-inner section.grey-bg .atheletes-heading.noresultfound.nonotification ul li:before {
        content: "\f058";
        font-family: fontawesome;
        color: #fd5344;
        margin: 0 11px 0 0; }
    .main-inner section.grey-bg .atheletes-heading.noresultfound h4 {
      font-size: 30px; }
  .main-inner section.grey-bg .atheletes-heading h2 {
    font-size: 40px;
    font-weight: bold;
    margin: 0 0 20px 0;
    font-family: "BebasNeue"; }
    @media (max-width: 991px) {
      .main-inner section.grey-bg .atheletes-heading h2 {
        font-size: 33px; } }
  .main-inner section.grey-bg .atheletes-heading .text-right {
    text-align: right; }
    @media (max-width: 767px) {
      .main-inner section.grey-bg .atheletes-heading .text-right {
        text-align: left;
        margin: -10px 0 14px 0; } }
    @media (max-width: 991px) {
      .main-inner section.grey-bg .atheletes-heading .text-right a#show_login {
        padding: 10px 20px; } }
    .main-inner section.grey-bg .atheletes-heading .text-right .btn.light {
      background: #E6E6F6;
      color: #b1adad;
      margin: 4px 0;
      padding: 13px 20px;
      width: 170px;
      text-align: center;
      font-weight: 600; }
      @media (max-width: 991px) {
        .main-inner section.grey-bg .atheletes-heading .text-right .btn.light {
          margin: 0 0 14px 0;
          padding: 13px 20px;
          width: 100%; } }
.main-inner section.grey-bg .right-content {
  margin: 66px 0 0 0; }
  @media (max-width: 767px) {
    .main-inner section.grey-bg .right-content {
      padding: 0px;
      margin: 0px; } }
.main-inner section.grey-bg .right-box {
  border: 1px solid #E6E6F6;
  border-radius: 3px;
  padding: 20px;
  float: left;
  width: 100%;
  background: #fff; }
  .main-inner section.grey-bg .right-box h1 {
    font-family: "BebasNeue";
    font-size: 23px;
    margin: 10px 0 30px 0; }
  .main-inner section.grey-bg .right-box .btn {
    width: 100%;
    padding: 13px 10px;
    text-align: center; }
    @media (max-width: 1199px) {
      .main-inner section.grey-bg .right-box .btn {
        padding: 11px 0px !important;
        text-align: center;
        font-size: 12px;
        height: 40px;
        margin: 0 0 12px 0; } }
    @media (max-width: 991px) {
      .main-inner section.grey-bg .right-box .btn {
        font-size: 12px; } }
  @media (max-width: 767px) {
    .main-inner section.grey-bg .right-box form.filter-form .row {
      margin: 0px; } }
  @media (max-width: 767px) {
    .main-inner section.grey-bg .right-box form.filter-form.athlete-list-form .row {
      margin-left: -15px;
      margin-right: -15px; } }
  .main-inner section.grey-bg .right-box form.filter-form label {
    font-size: 15px;
    display: block;
    margin: 0 0 10px 0;
    color: #000;
    font-weight: 700;
    text-transform: uppercase; }
    @media (max-width: 991px) {
      .main-inner section.grey-bg .right-box form.filter-form label {
        font-size: 13px; } }
    .main-inner section.grey-bg .right-box form.filter-form label p.school-loader {
      display: inline-block;
      margin: -5px 0 0 0;
      vertical-align: top;
      line-height: inherit !important; }
      .main-inner section.grey-bg .right-box form.filter-form label p.school-loader img {
        width: 20px;
        position: relative;
        top: 5px;
        right: -6px; }
  .main-inner section.grey-bg .right-box form.filter-form select {
    border: 1px solid #c1c1c1;
    width: 100%;
    padding: 0px 10px;
    height: 45px;
    background: transparent;
    margin: 0 0 14px 0;
    background: #fff url(/storage/THPHMsNDuw6U2SomE0yo9FqKAqN3uoqnePsqVSp2.png);
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: 98% 50%; }
  .main-inner section.grey-bg .right-box form.filter-form .lbsplace input {
    padding: 0;
    font-weight: normal !important;
    color: #000 !important;
    height: inherit;
    font-size: 18px !important;
    margin: 0 0 10px 0;
    line-height: 24px; }
  .main-inner section.grey-bg .right-box form.filter-form .lbsplace span.lbs {
    position: absolute;
    right: 23px;
    top: 43px;
    font-size: 13px; }
  .main-inner section.grey-bg .right-box form.filter-form input {
    padding: 8px 10px;
    margin: 0 0 14px 0;
    border-radius: 3px;
    border: 1px solid #d2d1d1;
    display: inline-block;
    width: 100%;
    height: 46px;
    background: #fff; }
    .main-inner section.grey-bg .right-box form.filter-form input[type="submit"] {
      background: linear-gradient(to right, #fd3542, #fd7647);
      color: #fff;
      width: 100%;
      padding: 13px 10px;
      border-radius: 50px;
      border: 0 none;
      margin: 0 0 12px 0; }
      @media (max-width: 1199px) {
        .main-inner section.grey-bg .right-box form.filter-form input[type="submit"] {
          height: 40px; } }
  .main-inner section.grey-bg .right-box form.filter-form .select2-container {
    width: 100%;
    margin: 0 0 16px 0; }
    .main-inner section.grey-bg .right-box form.filter-form .select2-container a {
      padding: 8px 10px;
      margin: 0px;
      border-radius: 3px;
      border: 1px solid #d2d1d1;
      display: inline-block;
      width: 100%;
      height: 46px;
      background: #fff; }
      .main-inner section.grey-bg .right-box form.filter-form .select2-container a div {
        background: transparent !important;
        border: none;
        top: 7px; }
  .main-inner section.grey-bg .right-box form.filter-form .dash {
    position: relative;
    margin-bottom: 20px; }
    .main-inner section.grey-bg .right-box form.filter-form .dash span {
      position: absolute;
      right: 11px;
      bottom: 16px;
      font-size: 11px; }
  .main-inner section.grey-bg .right-box form.filter-form .run {
    margin-bottom: 20px; }
    .main-inner section.grey-bg .right-box form.filter-form .run span {
      position: absolute;
      right: 27px;
      bottom: 16px;
      font-size: 11px; }
    .main-inner section.grey-bg .right-box form.filter-form .run label {
      min-height: 20px; }
  .main-inner section.grey-bg .right-box form .progress-bar {
    display: inline-block;
    max-width: 100%;
    width: 100%;
    margin-bottom: 14px; }
    .main-inner section.grey-bg .right-box form .progress-bar .ui-slider {
      display: inline-block;
      max-width: 100%;
      width: 100%;
      margin: 0 9px 0 0;
      background: linear-gradient(to right, #fd3542, #fd7647);
      border: none;
      border-radius: 23px;
      height: 6px;
      cursor: pointer; }
      .main-inner section.grey-bg .right-box form .progress-bar .ui-slider span {
        background: linear-gradient(to right, #fd3542, #fd7647);
        border: 5px solid #fff;
        border-radius: 40px;
        top: -6px; }
    .main-inner section.grey-bg .right-box form .progress-bar ul.school-result {
      margin: -27px 0 30px 0;
      padding: 10px 10px;
      background: #f5f5f5;
      border: 1px solid #e0e0e0;
      height: 130px;
      overflow: auto;
      list-style: none; }
      .main-inner section.grey-bg .right-box form .progress-bar ul.school-result li.selectschool {
        margin: 0 0 6px 0;
        cursor: pointer;
        font-size: 15px; }
.main-inner section.grey-bg .atheletes-main .events-content .events-data {
  padding: 20px 20px;
  vertical-align: middle;
  word-break: break-all; }
  .main-inner section.grey-bg .atheletes-main .events-content .events-data:last-child {
    width: 270px;
    text-align: right; }
    @media (max-width: 991px) {
      .main-inner section.grey-bg .atheletes-main .events-content .events-data:last-child {
        width: 165px; } }
    @media (max-width: 767px) {
      .main-inner section.grey-bg .atheletes-main .events-content .events-data:last-child {
        width: 100%; } }
  @media (max-width: 1199px) {
    .main-inner section.grey-bg .atheletes-main .events-content .events-data {
      padding: 20px 10px; } }
  @media (max-width: 767px) {
    .main-inner section.grey-bg .atheletes-main .events-content .events-data {
      padding: 8px 5px 0px 5px; }
      .main-inner section.grey-bg .atheletes-main .events-content .events-data.athlete-img {
        display: none; } }
  .main-inner section.grey-bg .atheletes-main .events-content .events-data h3 {
    font-family: 'Open Sans';
    font-weight: 700;
    font-size: 18px;
    word-break: inherit; }
    .main-inner section.grey-bg .atheletes-main .events-content .events-data h3 a {
      color: #000; }
      .main-inner section.grey-bg .atheletes-main .events-content .events-data h3 a:hover {
        color: #fd5344; }
    @media (max-width: 991px) {
      .main-inner section.grey-bg .atheletes-main .events-content .events-data h3 {
        font-size: 14px; } }
    @media (max-width: 767px) {
      .main-inner section.grey-bg .atheletes-main .events-content .events-data h3 {
        font-size: 14px;
        background: linear-gradient(to right, #fd3542, #fd7647);
        margin: -28px -5px 5px -5px;
        padding: 8px 8px;
        color: #fff; }
        .main-inner section.grey-bg .atheletes-main .events-content .events-data h3 a {
          color: #fff !important; } }
    .main-inner section.grey-bg .atheletes-main .events-content .events-data h3 span {
      display: block;
      font-size: 14px; }
.main-inner section .related-events {
  float: left;
  width: 100%;
  margin: 40px 0 30px 0; }
  .main-inner section .related-events h1 {
    border-bottom: 1px solid #e4e3e3;
    font-size: 40px;
    font-weight: 500;
    margin: 0 0 40px 0;
    font-family: "BebasNeue";
    padding: 0 0 30px 0; }
    @media (max-width: 767px) {
      .main-inner section .related-events h1 {
        margin: 0 0 22px 0;
        padding: 0 0 15px 0; } }
  .main-inner section .related-events .events-box {
    background: #fff;
    padding: 20px;
    box-shadow: 1px 1px 40px 0px #e4e3e3;
    margin: 0 0 25px 0; }
    .main-inner section .related-events .events-box img {
      width: 100%;
      margin: 0 0 10px 0; }
    .main-inner section .related-events .events-box h2 {
      font-weight: 400;
      font-size: 16px;
      margin: 0 0 10px 0; }
      .main-inner section .related-events .events-box h2 a {
        font-weight: 700;
        color: #000; }
        .main-inner section .related-events .events-box h2 a:hover {
          color: #FD3542;
          text-decoration: underline; }
    .main-inner section .related-events .events-box p.date {
      font-size: 12px;
      color: #8c8a8a; }
    .main-inner section .related-events .events-box p {
      font-size: 16px; }
    .main-inner section .related-events .events-box a.read-more {
      color: #f43934;
      margin: 15px 0 0 0;
      display: inline-block;
      position: relative; }
      .main-inner section .related-events .events-box a.read-more:after {
        content: "\f0da";
        font-family: fontawesome;
        margin: 0px 10px;
        position: relative;
        top: 2px;
        color: #f43934;
        font-size: 18px; }
.main-inner ul.pagination {
  float: left;
  width: 100%;
  text-align: center;
  margin: 40px 0 20px 0; }
  @media (max-width: 767px) {
    .main-inner ul.pagination {
      margin: 5px 0 20px 0; } }
  .main-inner ul.pagination li {
    display: inline-block;
    margin: 0 2px 17px 2px;
    font-size: 16px; }
    @media (max-width: 767px) {
      .main-inner ul.pagination li {
        margin: 0 1px 17px 1px;
        font-size: 12px; } }
    .main-inner ul.pagination li span {
      background: #fff;
      color: #fd4443;
      padding: 7px 15px;
      border-radius: 4px;
      font-weight: 600; }
    .main-inner ul.pagination li a {
      background: #fff;
      padding: 7px 15px;
      color: #8a8a8a;
      border-radius: 4px;
      font-weight: 600;
      display: block; }
      @media (max-width: 767px) {
        .main-inner ul.pagination li a {
          padding: 6px 10px; } }
      .main-inner ul.pagination li a:hover {
        background: #fff;
        color: #fd4443; }
    .main-inner ul.pagination li.prev a {
      border-radius: 50px; }
    .main-inner ul.pagination li.prev span {
      border-radius: 50px; }
    .main-inner ul.pagination li.next a {
      border-radius: 50px; }
    .main-inner ul.pagination li.next span {
      border-radius: 50px; }

.schoolinfo {
  padding: 15px 15px;
  margin: 0 0 24px 0; }
  .schoolinfo .School {
    background: #fff;
    padding: 20px;
    box-shadow: 1px 1px 1px #e6e6e6; }
    .schoolinfo .School h2 {
      border-bottom: 1px solid #ccc;
      padding: 10px 20px;
      margin: -20px -20px 20px -20px;
      background: #333;
      color: #fff; }
    .schoolinfo .School p {
      display: inline-block;
      margin: 0 0 8px 0;
      width: 49%;
      vertical-align: top; }
      .schoolinfo .School p a {
        color: #000; }
        .schoolinfo .School p a:hover {
          color: #f53f39; }

.single_school .schoolinfo {
  padding: 0;
  float: left;
  width: 100%; }
  .single_school .schoolinfo h2 {
    background: linear-gradient(to right, #fd3542, #fd7647); }
    @media (max-width: 543px) {
      .single_school .schoolinfo h2 {
        font-size: 20px; } }
  .single_school .schoolinfo div[class*=col-md] {
    width: 50%; }
    @media (max-width: 767px) {
      .single_school .schoolinfo div[class*=col-md] {
        width: 100%;
        padding: 0 17px; } }
  .single_school .schoolinfo p {
    width: 100%;
    font-weight: 500;
    font-size: 18px; }
    @media (max-width: 991px) {
      .single_school .schoolinfo p {
        font-size: 14px; } }
    @media (max-width: 543px) {
      .single_school .schoolinfo p {
        font-size: 14px;
        margin: 0 0 15px 0; } }
    .single_school .schoolinfo p.school-contact-information, .single_school .schoolinfo p.school-athletic-information, .single_school .schoolinfo p.school-tuition, .single_school .schoolinfo p.school-academic-information {
      border-bottom: 1px solid #000;
      padding: 0 0 8px 0;
      margin: 0 0 12px 0;
      font-size: 20px;
      font-weight: 900 !important; }
      @media (max-width: 991px) {
        .single_school .schoolinfo p.school-contact-information, .single_school .schoolinfo p.school-athletic-information, .single_school .schoolinfo p.school-tuition, .single_school .schoolinfo p.school-academic-information {
          font-size: 16px; } }
      @media (max-width: 543px) {
        .single_school .schoolinfo p.school-contact-information, .single_school .schoolinfo p.school-athletic-information, .single_school .schoolinfo p.school-tuition, .single_school .schoolinfo p.school-academic-information {
          font-size: 14px; } }
      .single_school .schoolinfo p.school-contact-information span, .single_school .schoolinfo p.school-athletic-information span, .single_school .schoolinfo p.school-tuition span, .single_school .schoolinfo p.school-academic-information span {
        font-weight: 600; }
    .single_school .schoolinfo p label {
      text-align: left;
      float: left;
      width: 50%;
      font-weight: 600;
      font-size: 18px; }
      @media (max-width: 991px) {
        .single_school .schoolinfo p label {
          width: 52%;
          font-size: 14px; } }
      @media (max-width: 543px) {
        .single_school .schoolinfo p label {
          width: 100%;
          margin: 0 0 3px 0;
          font-size: 12px; } }
    .single_school .schoolinfo p.school-tuition label {
      font-size: 22px;
      border-bottom: 1px solid #ccc;
      width: 100%;
      padding: 0 0 4px 0;
      margin: 0 0 3px 0; }

/*****************************
--------------------------
Sign-Up-Forms-style
--------------------------
*****************************/
.info-forms .sign-up-form {
  max-width: 700px;
  margin: 0 auto;
  width: 96%; }
  .info-forms .sign-up-form ul.alert.alert-danger {
    text-align: left;
    padding: 0;
    margin: 0 0 24px 0;
    width: 95.5%;
    border-radius: 0;
    background: #f1f1f1; }
    .info-forms .sign-up-form ul.alert.alert-danger li {
      color: #ef0303;
      font-size: 14px;
      position: relative;
      margin: 0 0 -12px 0;
      padding: 13px 12px 9px 12px; }
      .info-forms .sign-up-form ul.alert.alert-danger li:before {
        content: "\f06a";
        font-family: fontawesome;
        margin: 0 8px 0 0; }
  .info-forms .sign-up-form.thankyouclass-form {
    text-align: center;
    background: #efefef;
    max-width: 650px;
    padding: 160px 40px 30px 40px;
    position: relative; }
    .info-forms .sign-up-form.thankyouclass-form:before {
      content: "";
      display: block;
      position: absolute;
      top: 35px;
      left: 0;
      right: 0;
      margin: 0 auto;
      width: 100px;
      height: 100px;
      background: url(../images/thnkyou-icon.png);
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: center center; }
    .info-forms .sign-up-form.thankyouclass-form h2 {
      font-size: 22px;
      margin: 0 0 10px 0; }
    .info-forms .sign-up-form.thankyouclass-form p {
      font-size: 25px; }
.info-forms h1 {
  font-size: 50px;
  font-weight: 500;
  margin: 0 0 10px 0;
  font-family: "BebasNeue";
  text-align: center; }
  @media (max-width: 991px) {
    .info-forms h1 {
      font-size: 45px; } }
  @media (max-width: 767px) {
    .info-forms h1 {
      font-size: 38px; } }
  @media (max-width: 543px) {
    .info-forms h1 {
      font-size: 32px; } }
.info-forms h2 {
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 15px;
  text-align: center;
  text-transform: uppercase;
  margin: 0 0 40px 0; }
  @media (max-width: 767px) {
    .info-forms h2 {
      font-size: 13px; } }
.info-forms h3.heading-form {
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 15px;
  position: relative;
  padding: 7px 0px 10px 57px;
  margin: 0 0 18px -57px;
  text-transform: uppercase;
  text-align: left; }
  @media (max-width: 767px) {
    .info-forms h3.heading-form {
      padding: 7px 0px 10px 48px;
      margin-left: 0px;
      font-size: 12px; } }
  .info-forms h3.heading-form span {
    background: #E6E6F6;
    padding: 9px 10px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50px;
    font-weight: 700;
    width: 34px;
    height: 34px;
    line-height: 18px;
    font-size: 14px;
    text-align: center; }
  .info-forms h3.heading-form a {
    color: #000000;
    float: right;
    text-decoration: underline;
    cursor: pointer; }
    .info-forms h3.heading-form a.add-new {
      color: #fff !important;
      text-decoration: none;
      margin: -11px 0; }
    .info-forms h3.heading-form a:hover {
      color: #fd3542; }
.info-forms form.details {
  padding: 0 57px;
  text-align: center; }
  .info-forms form.details .loadericon {
    position: relative; }
    .info-forms form.details .loadericon .overlay-center {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(255, 255, 255, 0.8);
      padding: 22% 0; }
  @media (max-width: 767px) {
    .info-forms form.details {
      padding: 0 17px; } }
  .info-forms form.details .row {
    text-align: left; }
  .info-forms form.details p {
    margin: 0 0 20px 0;
    font-weight: 200;
    text-transform: uppercase; }
  .info-forms form.details label {
    display: block;
    margin: 0 0 13px 0;
    color: #2b2b2b;
    font-weight: 600;
    font-size: 18px; }
  .info-forms form.details input[type="text"] {
    width: 100%;
    padding: 13px 10px;
    margin: 0 0 21px 0;
    border-radius: 3px;
    border: 1px solid #d2d1d1;
    height: 50px; }
    @media (max-width: 767px) {
      .info-forms form.details input[type="text"] {
        height: 34px;
        padding: 6px 10px; } }
  .info-forms form.details input[type="email"] {
    width: 100%;
    padding: 13px 10px;
    margin: 0 0 21px 0;
    border-radius: 3px;
    border: 1px solid #d2d1d1;
    height: 50px; }
    @media (max-width: 767px) {
      .info-forms form.details input[type="email"] {
        height: 34px;
        padding: 6px 10px; } }
  .info-forms form.details input[type="tel"] {
    width: 100%;
    padding: 13px 10px;
    margin: 0 0 21px 0;
    border-radius: 3px;
    border: 1px solid #d2d1d1;
    height: 50px; }
    @media (max-width: 767px) {
      .info-forms form.details input[type="tel"] {
        height: 34px;
        padding: 6px 10px; } }
  .info-forms form.details textarea {
    border: 1px solid #d2d1d1;
    background: #fff;
    border-radius: 3px;
    padding: 10px; }
  .info-forms form.details select {
    width: 100%;
    padding: 2px 13px;
    margin: 0 0 21px 0;
    border-radius: 3px;
    border: 1px solid #d2d1d1;
    background: #fff;
    height: 47px;
    color: #787a7b;
    font-family: 'Open Sans'; }
    @media (max-width: 767px) {
      .info-forms form.details select {
        height: 34px;
        padding: 2px 6px; } }
  .info-forms form.details .select2-container {
    width: 100%;
    margin: 0 0 25px 0; }
    .info-forms form.details .select2-container a {
      padding: 10px 10px;
      margin: 0px;
      border-radius: 3px;
      border: 1px solid #d2d1d1;
      display: inline-block;
      width: 100%;
      height: 50px;
      background: #fff; }
      .info-forms form.details .select2-container a div {
        background: transparent !important;
        border: none;
        top: 7px; }
  .info-forms form.details button {
    float: none;
    padding: 14px 40px 14px 40px;
    position: relative;
    font-size: 22px;
    margin: 15px auto 0;
    display: inline-block;
    max-width: inherit;
    width: auto; }
    @media (max-width: 767px) {
      .info-forms form.details button {
        font-size: 13px;
        padding: 15px 40px 14px 23px; } }
    .info-forms form.details button i {
      font-weight: bold;
      margin: 0 -10px 0 12px; }
  @media (max-width: 767px) {
    .info-forms form.details .send-now {
      text-align: center; }
      .info-forms form.details .send-now button {
        float: none !important;
        padding: 15px 30px; } }
  .info-forms form.details .checkbox {
    margin: 0 0 10px 0;
    float: left;
    width: 100%; }
    .info-forms form.details .checkbox li {
      position: relative;
      padding: 0 0 0 33px;
      width: 160px;
      display: inline-block;
      float: left; }
      @media (max-width: 767px) {
        .info-forms form.details .checkbox li {
          width: 123px;
          display: inline-block;
          float: left;
          padding: 0 0 0 21px; } }
      .info-forms form.details .checkbox li input {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0; }
        .info-forms form.details .checkbox li input + label:before {
          content: "";
          border: 2px solid #fe5045;
          width: 22px;
          height: 22px;
          display: block;
          border-radius: 50px;
          position: absolute;
          left: 0;
          top: 3px; }
          @media (max-width: 767px) {
            .info-forms form.details .checkbox li input + label:before {
              height: 16px;
              width: 16px; } }
        .info-forms form.details .checkbox li input:checked + label:after {
          content: "";
          width: 7px;
          height: 7px;
          display: block;
          border-radius: 50px;
          position: absolute;
          left: 6px;
          top: 9px;
          background: #fe5045;
          padding: 5px; }
          @media (max-width: 767px) {
            .info-forms form.details .checkbox li input:checked + label:after {
              padding: 4px;
              top: 7px;
              left: 4px; } }
      .info-forms form.details .checkbox li label {
        display: block;
        margin: 0 0 10px 0;
        color: #212527;
        font-weight: 200;
        font-size: 18px; }
        @media (max-width: 767px) {
          .info-forms form.details .checkbox li label {
            font-size: 15px; } }
.info-forms .enter-dashboard {
  text-align: center;
  margin: 0px; }
  .info-forms .enter-dashboard p {
    font-size: 12px;
    color: #afafaf;
    font-weight: 200; }
    .info-forms .enter-dashboard p a {
      margin: 0 0 0 6px;
      color: #250A55; }

.parent-info .info-forms h3.heading-form {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 24px; }
  @media (max-width: 767px) {
    .parent-info .info-forms h3.heading-form {
      padding-right: 34px; }
      .parent-info .info-forms h3.heading-form a.add-new {
        margin: 0;
        display: inline-block;
        float: right;
        position: absolute;
        font-size: 0;
        padding: 10px 0;
        width: 30px;
        height: 30px;
        text-align: center;
        right: 0;
        top: 2%; }
        .parent-info .info-forms h3.heading-form a.add-new:before {
          content: "\f067";
          font-family: fontawesome;
          font-size: 12px; } }
.parent-info .info-forms span.form-control-feedback {
  margin: -15px 0 15px 0 !important; }
.parent-info .info-forms .parenttable {
  border-top: 1px solid #e6e6e6 !important;
  float: left;
  width: auto !important;
  padding: 20px 30px 0px 30px !important;
  margin: 10px 0px 0 -10px !important; }
  .parent-info .info-forms .parenttable .edit span {
    position: absolute;
    top: -37px;
    left: auto;
    font-family: 'Open Sans';
    font-size: 12px;
    background: #000;
    padding: 4px 10px;
    border-radius: 5px;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease-in-out;
    display: inline-block;
    white-space: nowrap;
    transform: translate(-40%, 0%); }
    .parent-info .info-forms .parenttable .edit span:after {
      content: "";
      background: #000;
      width: 11px;
      height: 10px;
      position: absolute;
      bottom: -4px;
      right: 0;
      left: 0;
      margin: 0 auto;
      transform: rotate(-45deg); }
  .parent-info .info-forms .parenttable .edit:hover span {
    opacity: 1;
    visibility: visible;
    transition: 0.3s ease-in-out; }
  .parent-info .info-forms .parenttable:first-child {
    border-top: 0 none !important;
    margin-top: 0 !important; }
  @media (max-width: 543px) {
    .parent-info .info-forms .parenttable {
      padding: 20px 20px 0px 20px !important; } }
  .parent-info .info-forms .parenttable.highlight {
    border: 2px solid #e8e8e8;
    box-shadow: 1px -1px 25px -16px #000 inset;
    background: rgba(253, 76, 67, 0.03); }
  .parent-info .info-forms .parenttable:nth-child(2) {
    border-top: 0;
    padding-top: 0;
    margin-top: 0; }

/*****************************
--------------------------
Steps-style
--------------------------
*****************************/
.step-forms .heading-top {
  border-bottom: 1px solid #e4e3e3;
  padding: 60px 0 10px 0 !important; }
.step-forms a.edit {
  position: relative; }
  .step-forms a.edit i {
    display: none; }
  .step-forms a.edit span {
    font-family: BebasNeue;
    font-size: 16px;
    text-transform: capitalize;
    background: linear-gradient(to right, #fd3542, #fd7647);
    padding: 9px 15px 7px 15px;
    border-radius: 20px;
    color: #fff;
    vertical-align: middle;
    letter-spacing: 0.5px; }
    @media (max-width: 767px) {
      .step-forms a.edit span {
        font-size: 11px;
        padding: 4px 8px; } }
@media (max-width: 976px) {
  .step-forms .left-section.class-mobile .top-heading {
    padding: 0 20px; }
    .step-forms .left-section.class-mobile .top-heading .text-right {
      text-align: left; }
    .step-forms .left-section.class-mobile .top-heading h1 {
      text-align: left; }
      .step-forms .left-section.class-mobile .top-heading h1 a.edit {
        line-height: inherit;
        font-size: 0;
        display: inline-block;
        vertical-align: middle; }
    .step-forms .left-section.class-mobile .top-heading h2 {
      text-align: left;
      margin: 4px 0 19px 0; }
    .step-forms .left-section.class-mobile .top-heading input {
      position: relative;
      top: -9px;
      border: 1px solid #dadada;
      border-radius: 3px;
      padding: 3px 8px;
      background: #fff;
      font-size: 13px;
      display: block;
      height: 30px;
      width: 100%;
      text-transform: uppercase; }
    .step-forms .left-section.class-mobile .top-heading a.btn {
      margin: 15px 0 4px 0;
      padding: 9px 20px;
      text-align: center;
      font-size: 11px;
      display: inline-block;
      width: 170px; }
      .step-forms .left-section.class-mobile .top-heading a.btn i.fa {
        position: relative;
        font-size: 16px;
        top: 1px;
        right: -8px; }
    .step-forms .left-section.class-mobile .top-heading .top-listings {
      margin: 20px 0 20px 0;
      float: left;
      width: 100%; }
      .step-forms .left-section.class-mobile .top-heading .top-listings li {
        width: auto;
        display: inline-block;
        margin: 0 12px 10px 0;
        vertical-align: middle;
        float: left; }
        .step-forms .left-section.class-mobile .top-heading .top-listings li a.btn {
          padding: 2px 19px;
          width: auto;
          margin: 0; }
        .step-forms .left-section.class-mobile .top-heading .top-listings li select {
          border: 1px solid #dadada;
          border-radius: 3px;
          padding: 3px 8px;
          background: #fff;
          font-size: 13px;
          display: block;
          height: 30px;
          width: 100%;
          text-transform: uppercase;
          margin: 10px 0 0 0; } }
.step-forms .left-section .upload-photo {
  margin-bottom: 30px;
  position: relative; }
  .step-forms .left-section .upload-photo span.saving {
    position: absolute;
    top: 0;
    z-index: 999;
    left: 0;
    background: rgba(255, 255, 255, 0.94);
    height: 100%;
    width: 100%; }
    .step-forms .left-section .upload-photo span.saving img {
      position: absolute;
      top: 45%;
      left: 45%; }
  @media (max-width: 991px) {
    .step-forms .left-section .upload-photo {
      max-width: 220px;
      margin: 0 auto 30px; } }
  .step-forms .left-section .upload-photo a.upload {
    background: #fff;
    border: 2px dashed #e4e3e3;
    padding: 100px 20px 42px 20px;
    text-align: center;
    color: #000;
    font-size: 13px;
    display: block;
    min-height: 250px; }
    .step-forms .left-section .upload-photo a.upload i {
      display: block;
      color: #c1c1c1;
      font-size: 26px;
      margin: 0 0 10px 0; }
  .step-forms .left-section .upload-photo .edit-icon {
    width: auto !important;
    height: auto !important;
    border-radius: 20px !important;
    padding: 9px 15px 7px 15px !important;
    letter-spacing: 0.5px; }
    .step-forms .left-section .upload-photo .edit-icon i {
      display: none; }
    .step-forms .left-section .upload-photo .edit-icon span {
      font-family: BebasNeue;
      font-size: 16px;
      padding: 0;
      text-transform: uppercase;
      letter-spacing: 0.5px; }
  .step-forms .left-section .upload-photo button.profileimage span {
    position: absolute;
    top: -37px;
    left: auto;
    font-family: 'Open Sans';
    font-size: 12px;
    background: #000;
    padding: 4px 10px;
    border-radius: 5px;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease-in-out;
    display: inline-block;
    white-space: nowrap;
    transform: translate(-59%, 0%); }
    .step-forms .left-section .upload-photo button.profileimage span:after {
      content: "";
      background: #000;
      width: 11px;
      height: 10px;
      position: absolute;
      bottom: -4px;
      right: 0;
      left: 0;
      margin: 0 auto;
      transform: rotate(-45deg); }
  .step-forms .left-section .upload-photo button.profileimage:hover span {
    opacity: 1;
    visibility: visible;
    transition: 0.3s ease-in-out; }
.step-forms .left-section .left-box {
  border: 1px solid #E6E6F6;
  border-radius: 3px;
  padding: 20px;
  float: left;
  width: 100%;
  background: #fff;
  margin: 0 0 20px 0; }
  .step-forms .left-section .left-box .noinfo h3 {
    padding: 0px;
    border: none;
    font-family: "BebasNeue";
    text-align: left;
    font-size: 23px;
    font-weight: 500; }
    @media (max-width: 767px) {
      .step-forms .left-section .left-box .noinfo h3 {
        font-size: 20px; } }
  .step-forms .left-section .left-box h1 {
    font-family: "BebasNeue";
    font-size: 23px;
    margin: 10px 0 30px 0;
    text-align: left;
    position: relative; }
    .step-forms .left-section .left-box h1 a.edit {
      float: right;
      color: #fd3542;
      font-size: 18px;
      margin: 0 0 0 10px; }
      .step-forms .left-section .left-box h1 a.edit i {
        display: none; }
    .step-forms .left-section .left-box h1 p.imagehide {
      color: red;
      font-family: 'Open Sans';
      font-size: 14px;
      display: block;
      margin: 0;
      position: absolute;
      top: 26px; }
      .step-forms .left-section .left-box h1 p.imagehide:before {
        content: "\f05e";
        font-family: fontawesome;
        margin: 0 5px 0 0;
        background: linear-gradient(to right, #fd3542, #fd7647);
        color: #fff;
        padding: 2px 7px;
        border-radius: 50px;
        width: 25px;
        height: 25px;
        display: inline-block;
        text-align: center; }
  .step-forms .left-section .left-box .uploaded-images {
    position: relative;
    overflow: hidden; }
    .step-forms .left-section .left-box .uploaded-images .popupbutton {
      float: left;
      width: 100%; }
      .step-forms .left-section .left-box .uploaded-images .popupbutton a.click.enchor-video {
        float: left;
        width: 100%;
        z-index: 99;
        position: absolute;
        height: 100%;
        display: block;
        background: transparent; }
    .step-forms .left-section .left-box .uploaded-images ul.gallery li {
      width: 49% !important; }
      .step-forms .left-section .left-box .uploaded-images ul.gallery li button {
        background: black !important;
        z-index: 999;
        padding: 5px 10px;
        border-radius: 0; }
      @media (max-width: 480px) {
        .step-forms .left-section .left-box .uploaded-images ul.gallery li {
          width: 100% !important; } }
    .step-forms .left-section .left-box .uploaded-images .padding-10 {
      padding: 0 2px;
      margin: 0 0 5px 0; }
    .step-forms .left-section .left-box .uploaded-images a {
      background: #F7F7F8;
      display: block; }
      .step-forms .left-section .left-box .uploaded-images a.popupbutton {
        position: absolute;
        width: 100%;
        background: transparent;
        z-index: 9999;
        height: 300px;
        top: 0;
        left: 0;
        display: block;
        text-indent: -999999px;
        font-size: 0; }
      .step-forms .left-section .left-box .uploaded-images a.upload {
        background: #fff;
        border: 2px dashed #e4e3e3;
        padding: 38px 20px 12px 20px;
        text-align: center;
        color: #000;
        font-size: 11px; }
        .step-forms .left-section .left-box .uploaded-images a.upload i {
          display: block; }
    .step-forms .left-section .left-box .uploaded-images .col-md-4 a {
      min-height: 80px;
      max-height: 80px; }
    .step-forms .left-section .left-box .uploaded-images .videoshow video {
      width: 100%; }
  .step-forms .left-section .left-box ul.videoshow li {
    margin: 0 0 12px 0; }
    .step-forms .left-section .left-box ul.videoshow li button {
      background: black !important;
      z-index: 999;
      padding: 5px 10px;
      border-radius: 0; }
  .step-forms .left-section .left-box span.saving {
    width: 21px;
    position: relative;
    top: 2px;
    left: 8px; }
    .step-forms .left-section .left-box span.saving img {
      width: 20px; }
  .step-forms .left-section .left-box.gallery-profile .uploaded-images ul.gallery li {
    width: 100% !important;
    margin: 0 0 6px 0; }
.step-forms.front-form .right-section .top-heading ul.top-listings li {
  width: auto; }
.step-forms.coach_profile .right-section .top-heading ul.top-listings li {
  width: auto; }
.step-forms .right-section a.edit {
  color: #fd3542;
  font-size: 19px;
  display: inline-block;
  vertical-align: middle;
  margin: 0px 18px; }
.step-forms .right-section .top-heading input[type="text"] {
  position: relative;
  top: -9px;
  border: 1px solid #dadada;
  border-radius: 3px;
  padding: 3px 8px;
  background: #fff;
  font-size: 13px;
  display: block;
  height: 30px;
  width: 100%;
  text-transform: uppercase; }
  .step-forms .right-section .top-heading input[type="text"]:focus {
    border: 1px solid #fd4f44; }
.step-forms .right-section .top-heading ul.school-search-result {
  margin: -2px 0 11px 0;
  padding: 10px 10px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  height: 100px;
  overflow: auto; }
  .step-forms .right-section .top-heading ul.school-search-result li {
    margin: 0 0 6px 0;
    font-size: 14px; }
.step-forms .right-section .top-heading .selectschool input[type="text"] {
  top: 0; }
.step-forms .right-section .top-heading .selectschool select.school-search-result {
  border-top: 0 none; }
.step-forms .right-section .top-heading span.form-control-feedback {
  position: relative;
  top: -10px; }
@media (max-width: 767px) {
  .step-forms .right-section .top-heading {
    padding: 0 15px; } }
@media (max-width: 767px) {
  .step-forms .right-section .top-heading .text-right {
    text-align: left;
    margin: 20px 0 0 0; } }
.step-forms .right-section .top-heading h1 {
  text-align: left; }
.step-forms .right-section .top-heading h2 {
  text-align: left;
  margin: 0 0 15px 0; }
.step-forms .right-section .top-heading a.btn {
  margin: 0 0 10px 0;
  padding: 9px 40px 9px 24px;
  clear: both;
  position: relative;
  width: 195px;
  text-align: left;
  font-family: 'BebasNeue';
  font-size: 20px; }
  .step-forms .right-section .top-heading a.btn i {
    position: absolute;
    right: 19px;
    top: 12px;
    font-weight: bold; }
.step-forms .right-section .top-heading .text-right p {
  font-size: 14px; }
  @media (max-width: 1199px) {
    .step-forms .right-section .top-heading .text-right p {
      font-size: 13px; } }
  .step-forms .right-section .top-heading .text-right p i {
    margin: 0 10px 0 0; }
.step-forms .right-section .top-heading ul.top-listings.full-width li {
  width: 100%; }
.step-forms .right-section .top-heading ul.top-listings li {
  display: inline-block;
  margin: 0 0 0 15px;
  width: auto;
  text-align: left;
  vertical-align: top;
  text-transform: uppercase;
  font-size: 15px; }
  @media (max-width: 543px) {
    .step-forms .right-section .top-heading ul.top-listings li {
      width: inherit !important;
      font-size: 13px;
      display: block;
      margin: 0 0 10px 0; } }
  .step-forms .right-section .top-heading ul.top-listings li:first-child {
    margin-left: 0; }
  @media (max-width: 1199px) {
    .step-forms .right-section .top-heading ul.top-listings li {
      width: auto;
      font-size: 13px; } }
  .step-forms .right-section .top-heading ul.top-listings li a.btn.orange {
    padding: 5px 10px 3px 10px;
    width: auto;
    font-size: 16px;
    text-align: center;
    display: inline-block; }
    @media (max-width: 1199px) {
      .step-forms .right-section .top-heading ul.top-listings li a.btn.orange {
        font-size: 14px; } }
    @media (max-width: 543px) {
      .step-forms .right-section .top-heading ul.top-listings li a.btn.orange {
        width: auto; } }
  .step-forms .right-section .top-heading ul.top-listings li p {
    color: #000;
    margin: 0 0 10px 0;
    font-size: 16px;
    display: inline-block;
    font-weight: 600;
    word-break: break-all; }
    .step-forms .right-section .top-heading ul.top-listings li p span {
      color: #000;
      text-transform: uppercase; }
  .step-forms .right-section .top-heading ul.top-listings li select {
    position: relative;
    top: -6px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    padding: 3px 8px;
    background: #ffffff;
    font-size: 13px;
    height: 30px;
    width: auto;
    text-transform: uppercase;
    -webkit-border-radius: 3px;
    display: block; }
    .step-forms .right-section .top-heading ul.top-listings li select[disabled="disabled"] {
      border: none;
      color: #000;
      border-width: 0 0 3px 0 !important;
      padding: 6px 0 0px 0 !important;
      border-radius: 0px !important;
      border-color: #f0f0f1 !important;
      background: transparent !important;
      -webkit-appearance: inherit !important;
      -moz-appearance: inherit !important;
      appearance: inherit !important;
      display: inline-block;
      width: inherit !important;
      font-size: 13px;
      vertical-align: top; }
  .step-forms .right-section .top-heading ul.top-listings li .checkbox {
    margin: 7px 0 0px 0; }
    .step-forms .right-section .top-heading ul.top-listings li .checkbox li {
      position: relative;
      padding: 2px 0 0 26px;
      width: auto;
      display: inline-block; }
      .step-forms .right-section .top-heading ul.top-listings li .checkbox li input {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: 99; }
        .step-forms .right-section .top-heading ul.top-listings li .checkbox li input + label:before {
          content: "";
          border: 2px solid #fe5045;
          width: 18px;
          height: 18px;
          display: block;
          border-radius: 50px;
          position: absolute;
          left: 0;
          top: 3px; }
        .step-forms .right-section .top-heading ul.top-listings li .checkbox li input:checked + label:after {
          content: "";
          width: 7px;
          height: 7px;
          display: block;
          border-radius: 50px;
          position: absolute;
          left: 5px;
          top: 8.2px;
          background: #fe5045;
          padding: 4px; }
      .step-forms .right-section .top-heading ul.top-listings li .checkbox li label {
        display: block;
        margin: 0 0 3px 0;
        color: #212527;
        font-weight: 200;
        font-size: 14px; }
.step-forms .right-section .main-info {
  margin: 20px 0 0 0; }
  @media (max-width: 767px) {
    .step-forms .right-section .main-info {
      margin: 0px; } }
  .step-forms .right-section .main-info ul.nav {
    width: 100%;
    display: block;
    float: left;
    margin: 0 0 20px 0; }
    .step-forms .right-section .main-info ul.nav li {
      display: inline-block;
      float: left;
      overflow: hidden;
      position: relative;
      padding: 10px 0 0 0; }
      @media (max-width: 543px) {
        .step-forms .right-section .main-info ul.nav li {
          width: 50%; } }
      .step-forms .right-section .main-info ul.nav li a {
        background: #fff;
        padding: 11px 15px;
        color: #b5b5b5;
        display: block;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 13px;
        letter-spacing: 1px;
        border-bottom: 3px solid #E6E6F6;
        position: relative;
        transition: 0.3s ease-in-out;
        border-left: 1px solid #e6e6e6; }
        @media (max-width: 767px) {
          .step-forms .right-section .main-info ul.nav li a {
            padding: 11px 14px;
            font-size: 12px; } }
        @media (max-width: 543px) {
          .step-forms .right-section .main-info ul.nav li a {
            letter-spacing: 0px; } }
        .step-forms .right-section .main-info ul.nav li a:before {
          content: "";
          border-bottom: 3px solid #fd3542;
          left: -150%;
          display: block;
          position: absolute;
          width: 100%;
          bottom: -3px;
          transition: 0.3s ease-in-out; }
        .step-forms .right-section .main-info ul.nav li a:hover {
          color: #000; }
          .step-forms .right-section .main-info ul.nav li a:hover:before {
            left: 0; }
      .step-forms .right-section .main-info ul.nav li:first-child a {
        border-left: 0 none; }
      .step-forms .right-section .main-info ul.nav li.active a {
        color: #000; }
        .step-forms .right-section .main-info ul.nav li.active a:before {
          left: 0; }
  .step-forms .right-section .main-info .inner-content select {
    text-transform: uppercase;
    color: #000; }
  .step-forms .right-section .main-info .tab-content {
    float: left;
    width: 100%; }
    .step-forms .right-section .main-info .tab-content #contact.tab-pane .checkbox {
      margin: 5px 0 0px 0; }
      @media (max-width: 767px) {
        .step-forms .right-section .main-info .tab-content #contact.tab-pane .checkbox {
          margin: 5px 0 10px 0; } }
      .step-forms .right-section .main-info .tab-content #contact.tab-pane .checkbox li {
        position: relative;
        padding: 0 0 0 33px;
        width: 32%;
        display: inline-block;
        vertical-align: top; }
        @media (max-width: 767px) {
          .step-forms .right-section .main-info .tab-content #contact.tab-pane .checkbox li {
            width: 160px; } }
        .step-forms .right-section .main-info .tab-content #contact.tab-pane .checkbox li input {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          opacity: 0;
          z-index: 99; }
          .step-forms .right-section .main-info .tab-content #contact.tab-pane .checkbox li input + label:before {
            content: "";
            border: 2px solid #fe5045;
            width: 22px;
            height: 22px;
            display: block;
            border-radius: 50px;
            position: absolute;
            left: 0;
            top: 3px; }
          .step-forms .right-section .main-info .tab-content #contact.tab-pane .checkbox li input:checked + label:after {
            content: "";
            width: 7px;
            height: 7px;
            display: block;
            border-radius: 50px;
            position: absolute;
            left: 6px;
            top: 9px;
            background: #fe5045;
            padding: 5px; }
        .step-forms .right-section .main-info .tab-content #contact.tab-pane .checkbox li label {
          display: block;
          margin: 0 0 10px 0;
          color: #212527;
          font-weight: 400;
          font-size: 17px; }
    .step-forms .right-section .main-info .tab-content #contact.tab-pane.content-coach .tab-inner .inner-content .edit-input {
      top: -7px !important;
      text-transform: uppercase; }
    .step-forms .right-section .main-info .tab-content #contact.tab-pane.content-coach .tab-inner .inner-content textarea {
      text-transform: uppercase; }
      .step-forms .right-section .main-info .tab-content #contact.tab-pane.content-coach .tab-inner .inner-content textarea[disabled="disabled"] {
        resize: none; }
      .step-forms .right-section .main-info .tab-content #contact.tab-pane.content-coach .tab-inner .inner-content textarea[name="bio"] {
        top: -13px !important; }
    .step-forms .right-section .main-info .tab-content #contact.tab-pane.content-coach .tab-inner .inner-content p.coach-bio-p {
      border-width: 0 0 0px 0;
      padding: 0 0 2px 0;
      border-radius: 0px;
      border-color: #f0f0f1;
      border-style: solid;
      margin: 0 0 15px 0;
      color: #000;
      font-weight: 500; }
    .step-forms .right-section .main-info .tab-content .quillWrapper .ql-container {
      height: 200px;
      margin: 0 0 15px 0; }
      .step-forms .right-section .main-info .tab-content .quillWrapper .ql-container p {
        text-transform: none !important; }
    .step-forms .right-section .main-info .tab-content .tab-pane {
      display: none;
      opacity: 0;
      -webkit-transition: opacity .15s linear;
      -o-transition: opacity .15s linear;
      transition: opacity .15s linear; }
      .step-forms .right-section .main-info .tab-content .tab-pane.active {
        display: block; }
        .step-forms .right-section .main-info .tab-content .tab-pane.active.in {
          opacity: 1; }
      .step-forms .right-section .main-info .tab-content .tab-pane .sports_fields .tab-inner h3 {
        height: 69px; }
      .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner {
        margin: 0 0 25px 0;
        background: #fff;
        border: 1px solid #E6E6F6;
        float: left;
        width: 100%;
        border-radius: 3px; }
        .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner select.edit-input.height-select {
          display: inline-block;
          width: 178px;
          margin: 0; }
          .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner select.edit-input.height-select[disabled="disabled"] {
            height: auto; }
          @media (max-width: 1199px) {
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner select.edit-input.height-select {
              width: 132px; } }
        .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner span.saving {
          width: 21px;
          position: relative;
          top: 2px;
          left: 8px; }
        .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner h3 {
          padding: 20px 40px;
          font-family: "BebasNeue";
          font-size: 23px;
          border-bottom: 1px solid #E6E6F6;
          font-weight: 500;
          position: relative;
          background: linear-gradient(to right, #fd3542, #fd7647);
          color: #fff; }
          .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner h3 a.edit {
            color: #fff;
            float: right;
            margin-top: 4px; }
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner h3 a.edit span {
              background: #fff;
              color: #fd3542;
              text-transform: uppercase; }
          @media (max-width: 1199px) {
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner h3 {
              padding: 20px 20px; } }
          @media (max-width: 767px) {
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner h3 {
              padding: 20px 15px;
              display: inline-block;
              width: 100%;
              font-size: 18px; } }
          .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner h3 .btn {
            width: auto;
            margin: -6px 0;
            padding: 9px 30px 7px 30px;
            background: #fff;
            color: #fd3542;
            font-family: BebasNeue;
            font-size: 18px; }
            @media (max-width: 767px) {
              .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner h3 .btn {
                font-size: 12px; } }
            @media (max-width: 543px) {
              .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner h3 .btn {
                font-size: 0;
                margin: 0 0 -6px 0;
                width: 25px;
                display: inline-block;
                padding: 7px 0;
                height: 25px;
                text-align: center; }
                .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner h3 .btn:before {
                  content: "\f067";
                  font-family: fontawesome;
                  font-size: 12px; } }
          .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner h3 span.small {
            font-size: 10px;
            text-transform: capitalize;
            display: inline-block;
            vertical-align: top;
            font-family: 'Open Sans';
            text-align: right;
            max-width: 290px;
            position: absolute;
            top: 16px;
            right: 190px; }
            @media (max-width: 1199px) {
              .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner h3 span.small {
                font-size: 9px;
                max-width: 200px;
                right: 160px;
                top: 13px; } }
            @media (max-width: 991px) {
              .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner h3 span.small {
                max-width: 250px;
                position: absolute;
                top: 17px;
                right: 160px; } }
            @media (max-width: 767px) {
              .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner h3 span.small {
                max-width: 100%;
                position: relative;
                top: 6px;
                left: 0;
                text-align: left; } }
        .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .parenterror {
          padding-bottom: 10px; }
          .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .parenterror .inner-content {
            padding-top: 15px;
            padding-bottom: 10px; }
        .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .information .inner-content p label {
          width: 86px; }
        .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .school .inner-content input.input-search {
          width: 100%;
          margin: 0 0 2px 0;
          padding: 7px 10px;
          border-radius: 3px;
          border: 1px solid #dadada; }
        .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .school .inner-content ul.school-list {
          background: #efefef;
          padding: 10px 15px;
          margin: -2px 0 0 0;
          overflow: auto;
          height: 80px; }
          .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .school .inner-content ul.school-list li {
            margin: 0 0 5px 0;
            cursor: pointer; }
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .school .inner-content ul.school-list li:hover {
              color: #fd5544; }
        .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content {
          padding: 20px 80px;
          position: relative;
          display: inline-block;
          width: 100%; }
          @media (max-width: 1199px) {
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content {
              padding: 20px 50px; } }
          @media (max-width: 991px) {
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content {
              padding: 20px 40px; } }
          @media (max-width: 767px) {
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content {
              padding: 20px 20px; } }
          @media (max-width: 767px) {
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .row {
              margin: 0px; }
              .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .row.margin-none {
                margin: 0 -15px; } }
          .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .disable-check p label {
            display: none !important; }
          .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .disable-check p input[disabled="disabled"]:checked + label {
            display: block !important; }
          .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .country-code {
            display: inline-block;
            width: 100%; }
          .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .width-30 {
            width: 25%;
            float: left; }
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .width-30 select.edit-input {
              margin: 0 0 12px 0;
              font-size: 12px;
              padding: 0 18px 0 8px; }
          .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .width-70 {
            width: 73%;
            float: right; }
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .width-70 input.edit-input {
              top: 0px;
              position: static !important; }
          .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .noinfo h3 {
            padding: 0 0 20px 0;
            border: none;
            font-family: "BebasNeue";
            text-align: left;
            font-size: 23px;
            background: transparent;
            color: #000; }
            @media (max-width: 767px) {
              .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .noinfo h3 {
                font-size: 20px; } }
          .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .noinfo hr.light {
            border: none; }
          .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .champrun p.champion-class {
            margin: 2px 0 0 0;
            font-weight: 600;
            text-transform: uppercase;
            vertical-align: bottom;
            display: inline-block; }
          .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .champrun ul.checkbox {
            margin: 31px 0 0 0; }
            @media (max-width: 767px) {
              .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .champrun ul.checkbox {
                margin: 0px 0 20px 0; } }
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .champrun ul.checkbox li {
              width: auto;
              margin: 0 10px 0 0; }
              @media (max-width: 1199px) {
                .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .champrun ul.checkbox li {
                  margin: 0 12px 0 0;
                  padding-left: 25px; }
                  .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .champrun ul.checkbox li label {
                    font-size: 14px;
                    margin: 4px 0 0 0; } }
          .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content.parent1view {
            line-height: 12px; }
          .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content a.edit {
            position: absolute;
            right: 10px;
            top: 10px;
            z-index: 99;
            cursor: pointer;
            background: transparent;
            padding: 0;
            border-radius: 0;
            height: auto;
            width: auto;
            color: #fff;
            font-size: 15px; }
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content a.edit:hover {
              background: #ccc; }
            @media (max-width: 767px) {
              .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content a.edit {
                right: 2px;
                top: 3px;
                padding: 0;
                height: inherit;
                width: auto;
                font-size: 0; } }
          .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .col-md-12 {
            position: static; }
          .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .vue-input-tag-wrapper {
            border: 1px solid #d2d1d1;
            border-radius: 3px !important;
            padding: 14px 14px;
            margin: 0 0 20px 0;
            -webkit-appearance: inherit;
            -moz-appearance: inherit;
            appearance: inherit; }
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .vue-input-tag-wrapper.read-only {
              border-width: 0 0 0 0 !important;
              padding: 0 0 0px 0 !important;
              border-radius: 0px !important;
              border-color: #f0f0f1 !important; }
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .vue-input-tag-wrapper span.input-tag {
              display: inline-block;
              vertical-align: top;
              position: relative;
              margin: 0 4px 5px 0 !important;
              color: #636667;
              font-size: 15px;
              word-wrap: break-word;
              text-transform: uppercase;
              background: linear-gradient(to right, #fd3542, #fd7647);
              color: #fff;
              padding: 3px 10px;
              border-radius: 20px;
              border: none; }
              .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .vue-input-tag-wrapper span.input-tag a.remove {
                color: #fff; }
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .vue-input-tag-wrapper input.new-tag {
              width: auto !important;
              height: inherit !important;
              padding: 0 !important;
              margin: 0 !important;
              border: none !important;
              background: transparent !important; }
          .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content input[type="text"].edit-input, .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content input[type="number"].edit-input {
            position: relative;
            top: -7px;
            border: 1px solid #dadada;
            border-radius: 3px;
            padding: 3px 8px;
            background: #f7f7f8;
            font-size: 13px;
            height: 36px;
            width: 100%;
            text-transform: uppercase; }
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content input[type="text"].edit-input:focus, .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content input[type="number"].edit-input:focus {
              border: 1px solid #fd4f44; }
          .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content input[type="email"].edit-input {
            position: relative;
            top: -7px;
            border: 1px solid #dadada;
            border-radius: 3px;
            padding: 3px 8px;
            background: #f7f7f8;
            font-size: 13px;
            display: block;
            height: 36px;
            width: 100%;
            text-transform: uppercase; }
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content input[type="email"].edit-input:focus {
              border: 1px solid #fd4f44; }
          .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content input[type="tel"].edit-input {
            position: relative;
            top: -7px;
            border: 1px solid #dadada;
            border-radius: 3px;
            padding: 3px 8px;
            background: #f7f7f8;
            font-size: 13px;
            display: block;
            height: 36px;
            width: 100%;
            text-transform: uppercase; }
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content input[type="tel"].edit-input:focus {
              border: 1px solid #fd4f44; }
          .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content h4 {
            font-weight: 700;
            color: #000000;
            font-size: 15px;
            margin: 0 0 18px 0;
            text-transform: uppercase; }
            @media (max-width: 543px) {
              .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content h4 {
                font-size: 13px;
                margin: 8px 0 12px 0; } }
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content h4 i {
              margin: 0 10px;
              color: #fd5745; }
          .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content h2 {
            text-align: left;
            margin: 0px 0 20px 0;
            text-transform: none;
            font-size: 14px; }
          .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .lc {
            text-transform: none; }
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .lc p {
              text-transform: none; }
          .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content p {
            color: #000;
            font-size: 15px;
            margin: 0 0 12px 0;
            word-wrap: break-word;
            text-transform: uppercase;
            font-weight: 500; }
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content p[disabled="disabled"] {
              text-transform: uppercase; }
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content p.lbsclass {
              position: relative; }
              .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content p.lbsclass span.lbs {
                position: absolute;
                top: 30px;
                right: 10px;
                color: #7f7f7f; }
            @media (max-width: 767px) {
              .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content p {
                font-size: 14px; } }
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content p label {
              display: inline-block;
              font-weight: 600; }
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content p span {
              display: inline;
              text-transform: none;
              color: #000;
              word-wrap: break-word;
              text-transform: uppercase; }
              .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content p span i {
                color: #fd3542;
                font-size: 26px;
                margin: 0 4px 0 0;
                width: 22px;
                text-align: left;
                position: relative;
                top: 4px; }
                @media (max-width: 767px) {
                  .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content p span i {
                    font-size: 21px;
                    margin: 0 4px 0 0; } }
              .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content p span img {
                display: inline-block;
                opacity: 1;
                margin: 0px 8px 0 0;
                width: 21px;
                vertical-align: top; }
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content p select[name="state"] {
              position: relative;
              border: 1px solid #dadada;
              border-radius: 3px;
              padding: 3px 8px;
              background: #f7f7f8;
              font-size: 13px;
              display: block;
              height: 36px;
              width: 100%;
              top: 2px; }
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content p input[type="text"].edit-input, .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content p input[type="tel"].edit-input {
              position: relative;
              top: 0;
              border: 1px solid #dadada;
              border-radius: 3px;
              padding: 3px 8px;
              background: #f7f7f8;
              font-size: 13px;
              display: block;
              height: 36px;
              width: 100%;
              top: 2px;
              text-transform: uppercase; }
              .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content p input[type="text"].edit-input:focus, .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content p input[type="tel"].edit-input:focus {
                border: 1px solid #fd4f44; }
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content p .checkbox li {
              display: inline-block; }
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content p.star-text span i {
              font-size: 21px; }
          .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .testmonials .quillWrapper {
            margin: 0 0 20px 0; }
          .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .testmonials p {
            text-transform: none !important; }
          .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .testmonials textarea, .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .testmonials p.testimonial-text {
            text-transform: none !important; }
          .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .position_front p label {
            background: transparent;
            color: #000;
            padding-left: 0px; }
          .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .position_front .checbox p label {
            background: #e8e8e8;
            color: #250955;
            padding: 3px 10px; }
          .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content textarea {
            position: relative;
            top: 0;
            border: 1px solid #dadada;
            border-radius: 3px;
            padding: 8px 8px;
            background: #fff;
            font-size: 13px;
            display: block;
            width: 100%;
            height: 60px;
            background: #f7f7f8; }
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content textarea[disabled="disabled"] {
              border-width: 0 0 3px 0;
              padding: 0 0 10px 0;
              border-radius: 0px;
              border-color: #f0f0f1; }
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content textarea:focus {
              border: 1px solid #fd4f44; }
          @media (max-width: 543px) {
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content table {
              width: 100%;
              display: block; }
              .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content table tr {
                width: 100%;
                display: block;
                padding: 0; }
                .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content table tr td, .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content table tr th {
                  width: 100%;
                  display: block;
                  float: left; }
              .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content table tbody {
                display: block;
                width: 100%; } }
          .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content.padd-remove {
            padding: 20px 40px; }
          .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content.clubs-info {
            padding: 0px;
            display: table;
            width: 100%; }
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content.clubs-info select.dis-club {
              background-color: #fff;
              text-align: left !important;
              padding: 0 10px !important;
              font-size: 12px;
              border: none;
              text-align-last: left; }
              .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content.clubs-info select.dis-club[disabled="disabled"] {
                text-align-last: center;
                color: #fff; }
                .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content.clubs-info select.dis-club[disabled="disabled"]:focus::-ms-value {
                  color: #ffffff !important; }
              @media (max-width: 543px) {
                .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content.clubs-info select.dis-club {
                  margin: 9px 0;
                  border: 1px solid #dadada;
                  background-color: #f7f7f8;
                  color: #333333;
                  text-align-last: left !important;
                  padding: 0 10px !important; }
                  .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content.clubs-info select.dis-club[disabled="disabled"] {
                    padding: 0 !important; } }
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content.clubs-info table th {
              padding: 0 3px;
              background: linear-gradient(to right, #fd3542, #fd7647);
              color: #fff;
              width: 110px;
              border-top: 1px solid #dcdcdc; }
              @media (max-width: 543px) {
                .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content.clubs-info table th {
                  width: 100%;
                  padding: 0;
                  border: none; }
                  .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content.clubs-info table th label {
                    line-height: 45px; } }
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content.clubs-info table td {
              padding: 30px 15px 20px 15px;
              vertical-align: top;
              border-top: 1px solid #dcdcdc;
              position: relative; }
              @media (max-width: 543px) {
                .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content.clubs-info table td {
                  padding: 20px 15px; } }
              .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content.clubs-info table td h4 {
                margin: 0 0 6px 0;
                word-break: break-all; }
              .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content.clubs-info table td p {
                margin: 0 0 4px 0;
                word-break: break-all; }
              .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content.clubs-info table td span {
                text-transform: uppercase;
                font-size: 14px; }
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content.clubs-info .inner-content {
              padding: 0;
              width: 100%;
              border-top: 1px solid #e8e8e8;
              display: table-row; }
              @media (max-width: 543px) {
                .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content.clubs-info .inner-content {
                  display: block; } }
              .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content.clubs-info .inner-content .highlight {
                border: 1px solid #e8e8e8;
                margin: -1px 0px 0px 0px; }
              .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content.clubs-info .inner-content > div {
                display: table-cell;
                float: none;
                border-top: 1px solid #ececec; }
                @media (max-width: 543px) {
                  .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content.clubs-info .inner-content > div {
                    width: 100%;
                    display: block;
                    padding: 0 20px; } }
                .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content.clubs-info .inner-content > div.orange-bg {
                  background: linear-gradient(to right, #fd3542, #fd7647);
                  width: 110px;
                  vertical-align: middle;
                  word-break: break-word; }
                  @media (max-width: 543px) {
                    .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content.clubs-info .inner-content > div.orange-bg {
                      width: 100%;
                      display: block;
                      background: transparent; }
                      .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content.clubs-info .inner-content > div.orange-bg br {
                        display: none; } }
                  .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content.clubs-info .inner-content > div.orange-bg label {
                    color: #fff; }
                    .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content.clubs-info .inner-content > div.orange-bg label.club_type {
                      width: 100%;
                      display: block;
                      text-align: center;
                      text-transform: uppercase; }
                    @media (max-width: 543px) {
                      .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content.clubs-info .inner-content > div.orange-bg label {
                        padding: 20px 0 0px 0;
                        display: block;
                        color: #333; } }
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content.clubs-info .noinfo {
              padding: 20px 80px; }
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content.clubs-info input[type="text"] {
              top: 0;
              display: block; }
              @media (max-width: 543px) {
                .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content.clubs-info input[type="text"] {
                  top: -8px;
                  display: block;
                  margin: 17px 0 0 0; } }
          .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content hr.light {
            margin: 20px 0 26px 0;
            border-color: #E6E6F6;
            border-width: 1px 0px 0px 0px;
            opacity: 0.3;
            float: left;
            width: 100%; }
          .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .social-profile a {
            background: #f0f0f0;
            width: 100%;
            display: block;
            margin: 0 0 10px 0;
            padding: 9px 15px;
            border-radius: 3px;
            color: #888a8b;
            font-weight: 600;
            font-size: 14px; }
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .social-profile a[disabled] {
              pointer-events: none; }
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .social-profile a i {
              color: #c8c9c9;
              width: 25px;
              font-size: 19px; }
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .social-profile a.facebook:hover {
              background: #3b5998;
              color: #fff; }
              .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .social-profile a.facebook:hover i {
                color: #fff; }
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .social-profile a.facebook.active {
              background: #3b5998;
              color: #fff; }
              .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .social-profile a.facebook.active i {
                color: #fff; }
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .social-profile a.twitter:hover {
              background: #1DA1F2;
              color: #fff; }
              .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .social-profile a.twitter:hover i {
                color: #fff; }
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .social-profile a.twitter.active {
              background: #1DA1F2;
              color: #fff; }
              .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .social-profile a.twitter.active i {
                color: #fff; }
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .social-profile a.snapchat:hover {
              background: #00bf8f;
              color: #fff; }
              .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .social-profile a.snapchat:hover i {
                color: #fff; }
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .social-profile a.snapchat.active {
              background: #00bf8f;
              color: #fff; }
              .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .social-profile a.snapchat.active i {
                color: #fff; }
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .social-profile a.skype:hover {
              background: #00aff0;
              color: #fff; }
              .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .social-profile a.skype:hover i {
                color: #fff; }
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .social-profile a.skype.active {
              background: #00aff0;
              color: #fff; }
              .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .social-profile a.skype.active i {
                color: #fff; }
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .social-profile a.instagram:hover {
              background: #fb3958;
              color: #fff; }
              .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .social-profile a.instagram:hover i {
                color: #fff; }
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .social-profile a.instagram.active {
              background: #fb3958;
              color: #fff; }
              .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .social-profile a.instagram.active i {
                color: #fff; }
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .social-profile a.whatsapp:hover {
              background: #00bf8f;
              color: #fff; }
              .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .social-profile a.whatsapp:hover i {
                color: #fff; }
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .social-profile a.whatsapp.active {
              background: #00bf8f;
              color: #fff; }
              .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .social-profile a.whatsapp.active i {
                color: #fff; }
          .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .social-profile input[type="text"] {
            position: relative;
            top: -7px;
            border: 1px solid #dadada;
            border-radius: 3px;
            padding: 3px 8px;
            background: #f7f7f8;
            font-size: 13px;
            display: block;
            height: 36px;
            width: 100%; }
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .social-profile input[type="text"]:focus {
              border: 1px solid #fd4f44; }
          .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .text-center h2, .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .text-center h3 {
            text-align: center; }
          .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .progress-bar h2 {
            display: inline-block;
            width: 70px;
            margin: 0px 13px 9px 0 !important; }
            @media (max-width: 543px) {
              .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .progress-bar h2 {
                display: block;
                margin: 0 !important; } }
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .progress-bar h2.light {
              color: #000;
              text-transform: uppercase; }
          .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .progress-bar div {
            display: inline-block;
            vertical-align: top; }
          .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .progress-bar .ui-slider {
            display: inline-block;
            max-width: 220px;
            width: 100%;
            margin: 0 9px 0 0;
            background: linear-gradient(to right, #fd3542, #fd7647);
            border: none;
            border-radius: 23px;
            height: 6px;
            cursor: pointer; }
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .progress-bar .ui-slider span {
              background: linear-gradient(to right, #fd3542, #fd7647);
              border: 5px solid #fff;
              border-radius: 40px;
              top: -6px; }
          .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .progress-bar input[type=range] {
            margin: 10px 0 !important; }
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .progress-bar input[type=range]::-webkit-slider-runnable-track {
              max-width: 500px; }
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .progress-bar input[type=range]::-moz-range-track {
              max-width: 500px; }
            .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .progress-bar input[type=range]::-ms-track {
              max-width: 500px; }
          .step-forms .right-section .main-info .tab-content .tab-pane .tab-inner .inner-content .progress-bar input.edit-input.inputslider {
            display: inline-block;
            width: 65px;
            height: 24px;
            vertical-align: bottom;
            padding: 0 9px !important; }
      .step-forms .right-section .main-info .tab-content .tab-pane .relative {
        position: relative; }
    .step-forms .right-section .main-info .tab-content #achievements.tab-pane .tab-inner .inner-content .relative {
      position: relative; }
      .step-forms .right-section .main-info .tab-content #achievements.tab-pane .tab-inner .inner-content .relative.achive, .step-forms .right-section .main-info .tab-content #achievements.tab-pane .tab-inner .inner-content .relative.awards, .step-forms .right-section .main-info .tab-content #achievements.tab-pane .tab-inner .inner-content .relative.testmonials {
        position: relative;
        padding: 10px 0 0px 0; }
        .step-forms .right-section .main-info .tab-content #achievements.tab-pane .tab-inner .inner-content .relative.achive a.edit, .step-forms .right-section .main-info .tab-content #achievements.tab-pane .tab-inner .inner-content .relative.awards a.edit, .step-forms .right-section .main-info .tab-content #achievements.tab-pane .tab-inner .inner-content .relative.testmonials a.edit {
          right: -24px !important;
          top: -5px !important; }
    .step-forms .right-section .main-info .tab-content #achievements.tab-pane .tab-inner .inner-content textarea {
      padding: 7px 10px !important;
      margin: 0 0 20px 0 !important;
      border-radius: 3px !important;
      border: 1px solid #d2d1d1 !important;
      display: inline-block !important;
      width: 100% !important;
      background: #f7f7f8;
      font-size: 16px;
      height: 170px;
      text-transform: inherit;
      color: #000; }
      .step-forms .right-section .main-info .tab-content #achievements.tab-pane .tab-inner .inner-content textarea[disabled="disabled"] {
        border-width: 0 !important;
        padding: 0 0 0px 0 !important;
        border-radius: 0px !important;
        border-color: #f0f0f1 !important;
        background: transparent !important;
        -webkit-appearance: inherit !important;
        -moz-appearance: inherit !important;
        appearance: inherit !important;
        resize: none;
        height: auto; }
      @media (max-width: 767px) {
        .step-forms .right-section .main-info .tab-content #achievements.tab-pane .tab-inner .inner-content textarea {
          height: 34px;
          padding: 7px 10px !important; } }
    .step-forms .right-section .main-info .tab-content #achievements.tab-pane .tab-inner button.btn.light.big {
      max-width: 300px;
      display: block;
      margin: 30px auto;
      width: 90%; }
    .step-forms .right-section .main-info .tab-content #sports.tab-pane .tab-inner .inner-content select[name="0_sport"] {
      width: 98%;
      left: 1%;
      position: relative; }
    .step-forms .right-section .main-info .tab-content #sports.tab-pane .tab-inner .inner-content form .slider {
      margin-bottom: 20px;
      padding: 0; }
      .step-forms .right-section .main-info .tab-content #sports.tab-pane .tab-inner .inner-content form .slider label {
        margin: 0; }
      .step-forms .right-section .main-info .tab-content #sports.tab-pane .tab-inner .inner-content form .slider .progress-bar {
        position: relative;
        max-width: 400px;
        text-align: center; }
        .step-forms .right-section .main-info .tab-content #sports.tab-pane .tab-inner .inner-content form .slider .progress-bar input[type=range] {
          margin: 10px 0 !important;
          width: 100% !important; }
        .step-forms .right-section .main-info .tab-content #sports.tab-pane .tab-inner .inner-content form .slider .progress-bar span {
          position: absolute;
          right: 9px;
          top: 20px; }
          .step-forms .right-section .main-info .tab-content #sports.tab-pane .tab-inner .inner-content form .slider .progress-bar span:first-child {
            left: 0;
            right: auto; }
    .step-forms .right-section .main-info .tab-content #sports.tab-pane .tab-inner .inner-content form .front_sport_div .slider {
      padding: 0px; }
    .step-forms .right-section .main-info .tab-content #sports.tab-pane .tab-inner .inner-content form .front_sport_div.position_front .col-md-12 {
      padding: 0 20px; }
    .step-forms .right-section .main-info .tab-content #sports.tab-pane .tab-inner .inner-content form input {
      margin: 0 0 20px 0;
      text-transform: uppercase;
      color: #000; }
    .step-forms .right-section .main-info .tab-content #sports.tab-pane .tab-inner .inner-content form h4.instructionclass {
      background: linear-gradient(to right, #fd3542, #fd7647);
      color: #fff;
      font-weight: 700;
      font-size: 15px;
      margin: 0 0 10px 0;
      text-transform: uppercase;
      padding: 5px;
      border-radius: 5px; }
    .step-forms .right-section .main-info .tab-content #sports.tab-pane .tab-inner .inner-content form > div {
      display: inline; }
      .step-forms .right-section .main-info .tab-content #sports.tab-pane .tab-inner .inner-content form > div .input-container {
        padding: 0 5px; }
      .step-forms .right-section .main-info .tab-content #sports.tab-pane .tab-inner .inner-content form > div .clear {
        display: block !important;
        float: left !important; }
      .step-forms .right-section .main-info .tab-content #sports.tab-pane .tab-inner .inner-content form > div .full-width {
        float: left;
        width: 100%;
        padding: 0 5px; }
      .step-forms .right-section .main-info .tab-content #sports.tab-pane .tab-inner .inner-content form > div .one-forth {
        width: 25%;
        display: inline-block;
        vertical-align: top;
        margin-right: -1%;
        float: left;
        padding: 0 5px;
        margin: 0px; }
        @media (max-width: 767px) {
          .step-forms .right-section .main-info .tab-content #sports.tab-pane .tab-inner .inner-content form > div .one-forth {
            width: 50%; } }
        @media (max-width: 543px) {
          .step-forms .right-section .main-info .tab-content #sports.tab-pane .tab-inner .inner-content form > div .one-forth {
            width: 100%; } }
        .step-forms .right-section .main-info .tab-content #sports.tab-pane .tab-inner .inner-content form > div .one-forth .col-md-12 {
          padding: 0px; }
      .step-forms .right-section .main-info .tab-content #sports.tab-pane .tab-inner .inner-content form > div .half-width {
        width: 50%;
        display: inline-block;
        vertical-align: top;
        float: left;
        padding: 0 5px;
        margin: 0px; }
        @media (max-width: 543px) {
          .step-forms .right-section .main-info .tab-content #sports.tab-pane .tab-inner .inner-content form > div .half-width {
            width: 100%;
            padding: 0 5px; } }
        .step-forms .right-section .main-info .tab-content #sports.tab-pane .tab-inner .inner-content form > div .half-width .col-md-12 {
          padding: 0px; }
      .step-forms .right-section .main-info .tab-content #sports.tab-pane .tab-inner .inner-content form > div .one-third {
        width: 33.333%;
        display: inline-block;
        vertical-align: top;
        float: left;
        padding: 0 5px;
        margin: 0px; }
        @media (max-width: 543px) {
          .step-forms .right-section .main-info .tab-content #sports.tab-pane .tab-inner .inner-content form > div .one-third {
            width: 100%; } }
        .step-forms .right-section .main-info .tab-content #sports.tab-pane .tab-inner .inner-content form > div .one-third .col-md-12 {
          padding: 0px; }
      .step-forms .right-section .main-info .tab-content #sports.tab-pane .tab-inner .inner-content form > div ul.checkbox {
        width: 100%;
        margin: 0px; }
        .step-forms .right-section .main-info .tab-content #sports.tab-pane .tab-inner .inner-content form > div ul.checkbox li {
          width: 50%; }
    .step-forms .right-section .main-info .tab-content #acadmics.tab-pane .tab-inner .inner-content {
      float: left;
      width: 100%; }
      .step-forms .right-section .main-info .tab-content #acadmics.tab-pane .tab-inner .inner-content h2 {
        text-transform: uppercase; }
      .step-forms .right-section .main-info .tab-content #acadmics.tab-pane .tab-inner .inner-content p label {
        width: 90px;
        font-weight: 600;
        text-transform: uppercase !important;
        color: #000 !important; }
      .step-forms .right-section .main-info .tab-content #acadmics.tab-pane .tab-inner .inner-content input[type="text"].edit-input {
        top: 0px !important; }
      .step-forms .right-section .main-info .tab-content #acadmics.tab-pane .tab-inner .inner-content a.edit {
        right: -30px;
        top: -10px; }
      .step-forms .right-section .main-info .tab-content #acadmics.tab-pane .tab-inner .inner-content .progress-bar {
        vertical-align: top;
        display: inline-block;
        width: 100%;
        margin: 0; }
        .step-forms .right-section .main-info .tab-content #acadmics.tab-pane .tab-inner .inner-content .progress-bar h2 {
          vertical-align: top; }
        .step-forms .right-section .main-info .tab-content #acadmics.tab-pane .tab-inner .inner-content .progress-bar input[type=range] {
          margin: 8px 0 !important;
          width: 60% !important;
          vertical-align: top;
          padding: 0px; }
    .step-forms .right-section .main-info .tab-content #school.tab-pane .tab-inner .inner-content .school-info table td {
      text-transform: uppercase; }
    .step-forms .right-section .main-info .tab-content #school.tab-pane .tab-inner .inner-content input[type="text"].edit-input, .step-forms .right-section .main-info .tab-content #school.tab-pane .tab-inner .inner-content input[type="number"].edit-input, .step-forms .right-section .main-info .tab-content #school.tab-pane .tab-inner .inner-content input[type="tel"].edit-input {
      top: 0;
      margin: 0;
      text-transform: uppercase; }
    .step-forms .right-section .main-info .tab-content #contact .tab-inner .inner-content p.email-coach {
      text-transform: initial; }
      .step-forms .right-section .main-info .tab-content #contact .tab-inner .inner-content p.email-coach a img {
        margin: 2px 8px 0 0; }
    .step-forms .right-section .main-info .tab-content #contact .tab-inner .inner-content p.star-text {
      text-transform: initial; }
      .step-forms .right-section .main-info .tab-content #contact .tab-inner .inner-content p.star-text a i {
        font-size: 20px; }
    .step-forms .right-section .main-info .tab-content #contact .tab-inner .inner-content label sup {
      top: 12px;
      float: right;
      display: block; }
    .step-forms .right-section .main-info .tab-content #event.tab-pane.eventattend .inner-content h1 {
      text-align: left;
      font-size: 20px;
      font-family: 'Open Sans' !important;
      font-weight: 700 !important;
      text-transform: uppercase; }
      .step-forms .right-section .main-info .tab-content #event.tab-pane.eventattend .inner-content h1 a {
        color: #000;
        font-weight: 700 !important; }
.step-forms .message {
  text-align: center;
  background: #f7f7f8;
  max-width: 560px;
  margin: 60px auto 70px;
  color: #f03833;
  padding: 30px 0;
  border-radius: 6px;
  font-weight: bold !important;
  border: 1px solid #eaeaea;
  font-size: 24px;
  position: relative; }
  .step-forms .message img {
    width: 70px;
    margin: 0 auto 25px;
    display: block; }
  .step-forms .message a.eventclose {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0;
    background: #000;
    height: 25px;
    width: 30px; }
    .step-forms .message a.eventclose:before {
      content: "";
      background: #fff;
      height: 19px;
      width: 1px;
      display: block;
      position: absolute;
      left: 15px;
      top: 3px;
      transform: rotate(45deg); }
    .step-forms .message a.eventclose:after {
      content: "";
      background: #fff;
      height: 19px;
      width: 1px;
      display: block;
      position: absolute;
      left: 15px;
      top: 3px;
      transform: rotate(-45deg); }
.step-forms span.saving.importsaving {
  text-align: center;
  margin: 30px auto -30px;
  display: inherit; }
.step-forms .loder .upload {
  max-width: 640px;
  margin: 50px auto;
  padding: 30px 20px;
  border: 1px solid #ccc;
  border-radius: 5px; }
  .step-forms .loder .upload input#datafile {
    padding: 10px 10px;
    border-radius: 2px;
    border: 1px solid #ccc;
    width: 100%;
    height: 45px;
    background: transparent;
    margin: 0 0 16px 0;
    color: #fff; }
  .step-forms .loder .upload button#buttonup {
    background: linear-gradient(to right, #fd3542, #fd7647);
    color: #fff;
    margin: 10px auto 0;
    display: block; }
.step-forms.coach_profile .vue-input-tag-wrapper {
  border-style: solid !important;
  border-width: 0px 0 3px 0 !important;
  border-radius: 0 !important;
  border-color: #f0f0f1 !important;
  padding: 9px 0 !important; }
.step-forms.coach_profile textarea {
  border-style: solid !important;
  border-width: 0px 0 3px 0 !important;
  border-radius: 0 !important;
  border-color: #f0f0f1 !important;
  padding: 9px 0 !important; }

.highlight {
  border: 2px solid #e8e8e8;
  margin: -1px -1px 0px -1px; }
  .highlight hr.light {
    display: none; }

#school span.form-control-feedback {
  margin: 4px 0 15px 0 !important; }
#school .inner-content select {
  margin: 0px;
  border: 1px solid #dadada;
  border-radius: 3px;
  padding: 3px 8px;
  font-size: 13px;
  height: 36px;
  width: 100%;
  background: #f7f7f8 url("../images/down-arrow.png");
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: 98% 50%;
  font-size: 14px; }
  #school .inner-content select[disabled="disabled"] {
    border-width: 0 !important;
    padding: 0 0 0px 0;
    border-radius: 0px;
    border-color: #f0f0f1;
    background: transparent;
    -webkit-appearance: inherit;
    -moz-appearance: inherit;
    appearance: inherit;
    font-size: 16px; }

.showpop-message {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  background: rgba(255, 255, 255, 0.8);
  height: 100%;
  z-index: 9999999; }
  .showpop-message .message {
    top: 15%;
    padding-top: 140px; }
    .showpop-message .message:before {
      content: "";
      background: url(../images/event-icon.png);
      background-repeat: no-repeat;
      background-position: left top;
      width: 100px;
      height: 100px;
      display: block;
      background-size: 100%;
      position: absolute;
      top: 30px;
      left: 0;
      right: 0;
      margin: 0 auto; }
    .showpop-message .message p {
      font-size: 25px;
      font-weight: 400; }
  .showpop-message.event .message {
    padding-left: 20px;
    padding-right: 20px; }
    .showpop-message.event .message h2.eventmessage {
      font-size: 26px;
      margin: 0 0 14px 0; }
    .showpop-message.event .message p {
      font-size: 20px; }
      .showpop-message.event .message p span {
        margin: 20px 0 0 0;
        display: block; }

.selectschool select {
  background: #fff;
  padding: 0;
  display: block;
  width: 100%;
  height: 31px;
  font-size: 13px;
  margin: 0 0 9px 0;
  color: #333;
  border: 1px solid #cccccc; }
  .selectschool select[disabled="disabled"] {
    border-width: 0;
    padding: 0 0 0px 0;
    border-radius: 0px;
    border-color: #f0f0f1;
    background: transparent;
    -webkit-appearance: inherit;
    -moz-appearance: inherit;
    appearance: inherit;
    font-weight: 700;
    font-family: 'Open Sans';
    font-size: 15px;
    margin: 0;
    position: relative;
    text-transform: uppercase;
    top: -9px; }

.inner-content input[disabled="disabled"], .inner-content textarea[disabled="disabled"] {
  border-width: 0 0 0px 0 !important;
  padding: 0 0 0px 0 !important;
  border-radius: 0px !important;
  border-color: #f0f0f1 !important;
  background: transparent !important;
  -webkit-appearance: inherit !important;
  -moz-appearance: inherit !important;
  appearance: inherit !important; }
.inner-content select[disabled="disabled"] {
  border-width: 0 0 0px 0 !important;
  padding: 0 0 0px 0 !important;
  border-radius: 0px !important;
  border-color: #f0f0f1 !important;
  background: transparent !important;
  -webkit-appearance: inherit !important;
  -moz-appearance: inherit !important;
  appearance: inherit !important;
  color: #000; }
.inner-content select.dis-club {
  text-align-last: center;
  text-transform: uppercase;
  font-size: 14px; }
  .inner-content select.dis-club[disabled="disabled"] {
    color: #fff;
    border: none !important;
    text-transform: uppercase; }
.inner-content td[showinput="true"] input.edit-input {
  border: 1px solid #dadada !important;
  border-radius: 3px !important;
  padding: 3px 8px !important;
  background: #f7f7f8 !important;
  font-size: 13px !important; }

.high-school-lable p {
  font-weight: 600;
  color: #000 !important; }

form#form-change-password label#password-error, form#form-change-password label#password_confirmation-error {
  color: red;
  font-weight: normal;
  text-transform: none;
  font-size: 13px;
  margin: -10px 0 10px 0; }

.multiselect {
  box-sizing: content-box;
  display: block;
  position: relative;
  margin: 0 0 7px 0;
  width: 100%;
  min-height: 40px;
  text-align: left;
  color: #35495e;
  font-family: inherit;
  font-size: 14px;
  -ms-touch-action: manipulation;
  touch-action: manipulation; }
  .multiselect__select {
    position: absolute;
    width: 40px;
    height: 38px;
    right: 1px;
    top: 1px;
    padding: 4px 8px;
    text-align: center;
    transition: transform .2s ease;
    line-height: 16px;
    box-sizing: border-box;
    display: block;
    margin: 0;
    text-decoration: none;
    cursor: pointer;
    z-index: 9; }
    .multiselect__select:before {
      position: relative;
      right: 0;
      top: 65%;
      color: #999;
      margin-top: 4px;
      border-style: solid;
      border-width: 5px 5px 0;
      border-color: #999 transparent transparent;
      content: ""; }
  .multiselect__tags {
    min-height: 30px;
    display: block;
    padding: 6px 0px 0px 7px;
    border-radius: 5px;
    border: 1px solid #d2d1d1 !important;
    background: #f7f7f8; }
    .multiselect__tags-wrap {
      display: inline; }
      .multiselect__tags-wrap .custom__tag {
        display: inline-block;
        padding: 3px 12px;
        background: linear-gradient(to right, #fd3542, #fd7647);
        margin-right: 8px;
        margin-bottom: 5px;
        border-radius: 50px;
        cursor: pointer;
        color: #fff;
        margin-left: 0px; }
      .multiselect__tags-wrap .custom__remove {
        padding: 0;
        font-size: 10px;
        margin-left: 5px;
        color: #fff; }
    .multiselect__tags input.multiselect__input {
      border: none !important;
      margin: -6px 0 0 0 !important;
      padding: 0 12px !important;
      background: transparent !important;
      border-radius: 3px !important;
      text-transform: uppercase; }
      .multiselect__tags input.multiselect__input::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #000; }
      .multiselect__tags input.multiselect__input::-moz-placeholder {
        /* Firefox 19+ */
        color: #000; }
      .multiselect__tags input.multiselect__input:-ms-input-placeholder {
        /* IE 10+ */
        color: #000; }
      .multiselect__tags input.multiselect__input:-moz-placeholder {
        /* Firefox 18- */
        color: #000; }
  .multiselect__spinner {
    position: absolute;
    right: 1px;
    top: 1px;
    width: 48px;
    height: 35px;
    background: #fff;
    display: block; }
  .multiselect__input, .multiselect__single {
    position: relative;
    display: inline-block;
    min-height: 20px;
    line-height: 20px;
    border: none;
    border-radius: 5px;
    background: #fff;
    padding: 1px 0 0 5px;
    width: 100%;
    transition: border .1s ease;
    box-sizing: border-box;
    margin-bottom: 8px; }
  .multiselect__content-wrapper {
    position: absolute;
    display: block;
    background: #fff;
    width: 100%;
    max-height: 240px;
    overflow: auto;
    border: 1px solid #e8e8e8;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 9999;
    -webkit-overflow-scrolling: touch; }
  .multiselect__content {
    list-style: none;
    display: inline-block;
    padding: 0;
    margin: 0;
    min-width: 100%; }
  .multiselect__element {
    display: block; }
  .multiselect__option {
    display: block;
    padding: 12px;
    min-height: inherit;
    line-height: 16px;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    white-space: normal; }

.multiselect--disabled .multiselect__select {
  display: none; }
.multiselect--disabled .multiselect__tags {
  background: transparent !important;
  border: 0 none !important;
  padding-left: 0px; }
  .multiselect--disabled .multiselect__tags input.multiselect__input {
    background: transparent !important;
    padding: 0 !important;
    border: 0 none !important;
    color: #000 !important; }

.videowatch {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999999; }
  .videowatch .modal-dialog {
    width: 90%;
    max-width: 1000px;
    margin: 5% auto;
    position: relative;
    top: 44%;
    transform: translate(0, -50%); }
  .videowatch .modal-content {
    background: #fff;
    padding: 20px 30px;
    position: relative; }
    @media (max-width: 767px) {
      .videowatch .modal-content {
        padding: 20px 20px 5px 20px; }
        .videowatch .modal-content iframe {
          height: 370px; } }
  .videowatch .modal-header {
    position: absolute;
    right: -20px;
    top: -20px; }
    @media (max-width: 767px) {
      .videowatch .modal-header {
        right: -10px;
        top: -10px; } }
    .videowatch .modal-header button.close {
      background: #e1331b;
      border: none;
      color: #fff;
      font-size: 22px;
      padding: 6px 7px 10px 7px;
      line-height: 12px;
      cursor: pointer; }

.simple-lightbox .sl-image {
  top: 50% !important;
  right: 0;
  left: 0 !important;
  transform: translate(0, -50%) !important;
  height: 100% !important;
  padding: 1.2% 0; }
  .simple-lightbox .sl-image img {
    max-width: 840px;
    margin: 0 auto !important;
    height: 100% !important;
    display: block !important;
    object-fit: contain; }

.sl-wrapper .sl-navigation button {
  z-index: 99999 !important; }
.sl-wrapper .sl-counter {
  z-index: 99999 !important; }
.sl-wrapper .sl-close {
  z-index: 99999 !important; }

.sl-overlay {
  z-index: 9999 !important; }

h3.payment-heading {
  text-align: center;
  font-size: 28px;
  margin: 0 0 20px 0; }

.payment-history.new {
  margin: 0 0 50px 0;
  background: #e2e2e2;
  text-align: center;
  float: left;
  width: 100%; }
  .payment-history.new .no_result_found_payment {
    padding: 20px 0 25px 0;
    font-size: 26px;
    float: left; }
  .payment-history.new .payment-content div {
    width: 11%;
    float: left;
    font-size: 12px;
    text-align: center;
    padding: 11px 0; }
    @media (min-width: 1170px) {
      .payment-history.new .payment-content div {
        font-size: 10px; } }
    @media (max-width: 991px) {
      .payment-history.new .payment-content div {
        width: 100%;
        border-top: 1px solid #adaaaa; } }
    .payment-history.new .payment-content div a {
      background: #000;
      color: #fff;
      padding: 4px 14px; }
.payment-history div {
  width: 100%;
  display: block; }
  .payment-history div.heading {
    background: #000;
    float: left;
    width: 100%; }
    .payment-history div.heading div {
      width: 11%;
      float: left;
      color: #fff;
      font-size: 12px;
      text-align: center;
      padding: 11px 0; }
      @media (min-width: 1170px) {
        .payment-history div.heading div {
          font-size: 10px; } }
      @media (max-width: 991px) {
        .payment-history div.heading div {
          width: 100%;
          border-top: 1px solid #adaaaa; } }

#step_1.details span.form-control-feedback {
  margin: -12px 0 12px 0 !important; }

/*****************************
--------------------------
Steps-Forms-style
--------------------------
*****************************/
.tab-content #achievements .inner-content form span.form-control-feedback {
  margin: -15px 0 15px 0 !important;
  font-size: 12px !important; }
.tab-content #achievements .inner-content form input[type="text"] {
  margin: 0 0 20px 0 !important;
  text-transform: uppercase;
  color: #000; }
  .tab-content #achievements .inner-content form input[type="text"][disabled="disabled"] {
    font-weight: 400;
    color: #000; }
.tab-content #achievements .inner-content form input[type="number"] {
  margin: 0 0 20px 0 !important; }
  .tab-content #achievements .inner-content form input[type="number"][disabled="disabled"] {
    height: auto !important;
    font-weight: 400;
    color: #000; }
.tab-content #achievements .inner-content form input[type="email"] {
  margin: 0 0 20px 0 !important;
  text-transform: uppercase;
  color: #000; }
  .tab-content #achievements .inner-content form input[type="email"][disabled="disabled"] {
    height: auto !important;
    font-weight: 400;
    color: #000; }
.tab-content #achievements .inner-content form select {
  margin: 0px 0 20px 0 !important; }
.tab-content #achievements .inner-content form .multiselect__tags input.multiselect__input {
  margin: -6px 0 0 0 !important; }
.tab-content #achievements .inner-content hr.light {
  margin: 0px !important; }
.tab-content .inner-content form label {
  display: block;
  margin: 0 0 8px 0;
  font-weight: 700;
  color: #000000;
  font-size: 15px;
  text-transform: uppercase; }
  .tab-content .inner-content form label.instructionclass {
    background: linear-gradient(to right, #fd3542, #fd7647);
    color: #fff !important;
    font-weight: 700;
    font-size: 15px;
    margin: 0 0 10px 0;
    text-transform: uppercase;
    padding: 5px;
    border-radius: 5px; }
  @media (max-width: 767px) {
    .tab-content .inner-content form label {
      font-size: 14px; } }
  .tab-content .inner-content form label span {
    float: right;
    font-size: 10px;
    text-transform: capitalize;
    display: inline-block;
    vertical-align: top; }
.tab-content .inner-content form input[type="text"], .tab-content .inner-content form input[type="number"], .tab-content .inner-content form input[type="email"] {
  padding: 4px 10px;
  margin: 0 0 30px 0;
  border-radius: 3px;
  border: 1px solid #d2d1d1;
  display: inline-block;
  width: 100%;
  height: 36px;
  background: #f7f7f8; }
  @media (max-width: 767px) {
    .tab-content .inner-content form input[type="text"], .tab-content .inner-content form input[type="number"], .tab-content .inner-content form input[type="email"] {
      margin: 0 0 15px 0 !important;
      height: 34px !important;
      padding: 6px 10px !important; } }
.tab-content .inner-content form input.average-input {
  width: 100% !important; }
.tab-content .inner-content form span.form-control-feedback {
  margin: -10px 0 10px 0 !important; }
.tab-content .inner-content form textarea {
  padding: 12px 10px;
  margin: 0 0 30px 0;
  border-radius: 3px;
  border: 1px solid #d2d1d1;
  display: inline-block;
  width: 100%;
  height: 46px; }
  @media (max-width: 767px) {
    .tab-content .inner-content form textarea {
      margin: 0 0 15px 0; } }
.tab-content .inner-content form .btn.big {
  width: 100%;
  max-width: 310px;
  margin: 0 auto;
  float: none;
  display: block; }
.tab-content .inner-content form .padd-right-remove {
  padding-right: 0px; }
.tab-content .inner-content form .checbox {
  border: 1px solid #d2d1d1;
  border-radius: 3px;
  padding: 14px 14px;
  margin: 0 0 20px 0; }
  .tab-content .inner-content form .checbox.disable-check {
    border: none;
    padding: 0; }
  @media (max-width: 767px) {
    .tab-content .inner-content form .checbox {
      padding: 6px 6px 1px 6px; } }
  .tab-content .inner-content form .checbox p {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0 4px 0 0 !important; }
    .tab-content .inner-content form .checbox p input {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      opacity: 0; }
      .tab-content .inner-content form .checbox p input + label {
        background: #f0f0f0;
        padding: 3px 10px;
        width: 100% !important;
        display: block !important;
        color: #888a8b;
        border-radius: 20px;
        font-size: 14px;
        font-weight: 600; }
        @media (max-width: 767px) {
          .tab-content .inner-content form .checbox p input + label {
            font-size: 12px; } }
      .tab-content .inner-content form .checbox p input:checked + label {
        background: linear-gradient(to right, #fd3542, #fd7647);
        color: #fff; }
.tab-content .inner-content form .checkbox {
  margin: 0 0 10px 0;
  display: inline-block; }
  .tab-content .inner-content form .checkbox li {
    position: relative;
    padding: 0 0 0 30px;
    width: 78px;
    display: inline-block; }
    .tab-content .inner-content form .checkbox li input {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      z-index: 999; }
      .tab-content .inner-content form .checkbox li input + label:before {
        content: "";
        border: 2px solid #000;
        width: 20px;
        height: 20px;
        display: block;
        border-radius: 50px;
        position: absolute;
        left: 0;
        top: 3px; }
      .tab-content .inner-content form .checkbox li input:checked + label:after {
        content: "";
        width: 7px;
        height: 7px;
        display: block;
        border-radius: 50px;
        position: absolute;
        left: 5px;
        top: 8px;
        background: #000;
        padding: 5px; }
    .tab-content .inner-content form .checkbox li label {
      display: block;
      margin: 0 0 10px 0;
      color: #212527;
      font-weight: 200;
      font-size: 18px; }
.tab-content .inner-content form .year {
  display: inline-block; }
  .tab-content .inner-content form .year label {
    display: inline-block;
    font-weight: normal;
    font-size: 16px;
    color: #6d6a6a; }
.tab-content .inner-content form .select2-container {
  width: 100%;
  margin: 0 0 25px 0; }
  @media (max-width: 767px) {
    .tab-content .inner-content form .select2-container {
      margin: 0 0 15px 0; } }
  .tab-content .inner-content form .select2-container a {
    padding: 8px 10px;
    margin: 0px;
    border-radius: 3px;
    border: 1px solid #d2d1d1;
    display: inline-block;
    width: 100%;
    height: 46px;
    background: transparent; }
    .tab-content .inner-content form .select2-container a div {
      background: transparent !important;
      border: none;
      top: 7px; }
  .tab-content .inner-content form .select2-container .select2-choices {
    border-radius: 3px;
    border: 1px solid #d2d1d1;
    box-shadow: 0 0;
    background: #fff;
    margin: 0; }
    .tab-content .inner-content form .select2-container .select2-choices input {
      margin: 0;
      border: none;
      height: 45px !important;
      padding: 0 10px !important; }
    .tab-content .inner-content form .select2-container .select2-choices li {
      background: transparent !important;
      border: 0 !important;
      border-radius: 0 !important;
      box-shadow: 0 0 !important;
      padding: 0 !important;
      line-height: inherit !important; }
      .tab-content .inner-content form .select2-container .select2-choices li div {
        background: linear-gradient(to right, #fd3542, #fd7647);
        color: #fff;
        padding: 4px 21px 4px 10px;
        border-radius: 12px;
        font-size: 13px;
        width: auto; }
      .tab-content .inner-content form .select2-container .select2-choices li a.select2-search-choice-close {
        border: none;
        height: auto;
        position: absolute;
        right: 5px;
        width: 11px;
        top: 4px;
        padding: 0;
        left: auto;
        background: transparent !important; }
        .tab-content .inner-content form .select2-container .select2-choices li a.select2-search-choice-close:before {
          content: "\f00d";
          font-family: fontawesome;
          font-size: 13px;
          color: #fff; }
.tab-content .inner-content .school-info {
  margin: 6px 0 30px 0;
  text-transform: uppercase; }
  .tab-content .inner-content .school-info table {
    width: 100%; }
    .tab-content .inner-content .school-info table td {
      padding: 0 0 7px 0;
      text-transform: capitalize; }
      @media (max-width: 767px) {
        .tab-content .inner-content .school-info table td {
          display: block;
          width: 100%;
          margin: 0 0 6px 0; } }
      .tab-content .inner-content .school-info table td:first-child {
        width: 180px;
        font-weight: 600;
        color: #000;
        text-transform: uppercase; }
      .tab-content .inner-content .school-info table td.doller-sign {
        position: relative; }
        .tab-content .inner-content .school-info table td.doller-sign:before {
          content: "$";
          position: absolute;
          top: 8px;
          left: 6px;
          z-index: 9;
          color: #636363;
          font-size: 14px; }
        .tab-content .inner-content .school-info table td.doller-sign input {
          padding-left: 17px !important; }
    .tab-content .inner-content .school-info table .progress-bar {
      display: inline-block;
      max-width: 380px;
      width: 70%; }

#achievements .tab-inner .inner-content {
  padding: 20px 40px 0px 40px;
  width: 100%; }

/*****************************
--------------------------
Login-Form-style
--------------------------
*****************************/
.log-in-popup {
  position: fixed;
  top: 0;
  z-index: 999999;
  left: 0;
  height: 100%;
  width: 100%;
  text-align: center;
  overflow-y: scroll;
  background: rgba(255, 255, 255, 0.9); }
  .log-in-popup.card-update-popup .display-td img.img-responsive {
    max-width: 300px;
    float: none;
    margin: 10px 0 -15px 0; }
  .log-in-popup.card-update-popup .credit-card-box .panel-body {
    padding-top: 0; }
  .log-in-popup.card-update-popup .credit-card-box form.card-update-popup-form label {
    font-size: 15px;
    color: #212527;
    display: block;
    margin: 0 0 9px 0;
    font-weight: 700;
    text-transform: uppercase; }
  .log-in-popup.card-update-popup .credit-card-box form.card-update-popup-form input.form-control {
    padding: 10px 10px;
    border-radius: 2px;
    border: 1px solid #ccc;
    width: 100% !important;
    height: 45px;
    background: transparent;
    margin: 0 0 7px 0 !important; }
  .log-in-popup.card-update-popup .credit-card-box form.card-update-popup-form button.subscribe {
    margin: 0 auto;
    display: block; }
  .log-in-popup.card-update-popup .credit-card-box form.card-update-popup-form .input-group {
    position: relative; }
    .log-in-popup.card-update-popup .credit-card-box form.card-update-popup-form .input-group span.input-group-addon {
      position: absolute;
      right: 10px;
      top: 10px; }
  .log-in-popup .sign-up-content .email_sent .success span {
    font-size: 20px;
    padding: 80px 0 20px 0;
    display: block;
    position: relative; }
    .log-in-popup .sign-up-content .email_sent .success span:before {
      content: "\f058";
      font-family: fontawesome;
      position: absolute;
      top: 20px;
      right: 0;
      left: 0;
      font-size: 50px;
      color: #fe5045; }
  .log-in-popup .sign-up-content .panel-heading {
    font-family: "BebasNeue";
    font-size: 44px;
    font-weight: 500;
    margin: 0 0 21px 0; }
  .log-in-popup .sign-up-content .panel-body .email_sent {
    display: block;
    float: left;
    width: 100%;
    margin: 10px 0 -10px 0; }
    .log-in-popup .sign-up-content .panel-body .email_sent span {
      color: red; }
  .log-in-popup .sign-up-content .panel-body form {
    text-align: left;
    margin: 20px 0 0px 0; }
    .log-in-popup .sign-up-content .panel-body form label.control-label {
      font-weight: 700; }
    .log-in-popup .sign-up-content .panel-body form .ql-container {
      height: 160px; }
    .log-in-popup .sign-up-content .panel-body form .checbox {
      margin: 5px 0px 14px 0;
      float: left;
      width: 100%;
      max-height: 200px;
      overflow-y: auto;
      overflow-x: hidden;
      border-radius: 3px;
      border: 1px solid #d2d1d1;
      padding: 9px 10px 5px 10px; }
      .log-in-popup .sign-up-content .panel-body form .checbox p {
        position: relative;
        padding: 0 3% 0 33px;
        width: 50%;
        display: block;
        vertical-align: top;
        float: left;
        word-wrap: break-word; }
        .log-in-popup .sign-up-content .panel-body form .checbox p input {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          opacity: 0;
          z-index: 99; }
          .log-in-popup .sign-up-content .panel-body form .checbox p input + label:before {
            content: "";
            border: 2px solid #fe5045;
            width: 22px;
            height: 22px;
            display: block;
            border-radius: 50px;
            position: absolute;
            left: 0;
            top: 3px; }
          .log-in-popup .sign-up-content .panel-body form .checbox p input:checked + label:after {
            content: "";
            width: 7px;
            height: 7px;
            display: block;
            border-radius: 50px;
            position: absolute;
            left: 6px;
            top: 9px;
            background: #fe5045;
            padding: 5px; }
        .log-in-popup .sign-up-content .panel-body form .checbox p label {
          display: block;
          margin: 2px 0 10px 0;
          color: #212527;
          font-weight: 400;
          font-size: 17px;
          text-transform: capitalize; }
    .log-in-popup .sign-up-content .panel-body form .half {
      width: 48%;
      display: inline-block;
      vertical-align: top;
      margin-left: 1%; }
      @media (max-width: 544px) {
        .log-in-popup .sign-up-content .panel-body form .half {
          width: 100%;
          margin: 0px; } }
      .log-in-popup .sign-up-content .panel-body form .half label {
        font-size: 15px;
        color: #212527;
        display: block;
        margin: 0 0 9px 0;
        font-weight: 700;
        text-transform: uppercase; }
      .log-in-popup .sign-up-content .panel-body form .half input {
        padding: 10px 10px;
        border-radius: 2px;
        border: 1px solid #ccc;
        width: 100%;
        height: 45px;
        background: transparent;
        margin: 0 0 16px 0; }
        @media (max-width: 767px) {
          .log-in-popup .sign-up-content .panel-body form .half input {
            height: 34px;
            padding: 6px 10px; } }
      .log-in-popup .sign-up-content .panel-body form .half span.help-block {
        font-size: 12px;
        color: red;
        margin: -10px 0 10px 0 !important;
        display: block; }
        .log-in-popup .sign-up-content .panel-body form .half span.help-block strong {
          font-weight: normal; }
    @media (max-width: 544px) {
      .log-in-popup .sign-up-content .panel-body form .checkbox {
        text-align: center;
        margin: 0 0 7px 0; } }
    .log-in-popup .sign-up-content .panel-body form a.btn.btn-link {
      padding: 0;
      color: #000;
      float: right; }
      @media (max-width: 544px) {
        .log-in-popup .sign-up-content .panel-body form a.btn.btn-link {
          padding: 0;
          color: #000;
          float: none;
          width: 100%;
          text-align: center; } }
      .log-in-popup .sign-up-content .panel-body form a.btn.btn-link:hover {
        color: #fd7647; }
    .log-in-popup .sign-up-content .panel-body form .form-group {
      float: left;
      width: 100%; }
      .log-in-popup .sign-up-content .panel-body form .form-group.savetemplate {
        position: relative;
        padding: 18px 0 11px 0;
        z-index: 99;
        margin: 20px 0 0 0; }
        .log-in-popup .sign-up-content .panel-body form .form-group.savetemplate:before {
          background: #f1f1f1;
          content: "";
          left: -40px;
          top: 0;
          width: 120%;
          display: block;
          position: absolute;
          z-index: -9;
          height: 110%; }
        .log-in-popup .sign-up-content .panel-body form .form-group.savetemplate p.template-name-require {
          color: red;
          font-size: 12px; }
        .log-in-popup .sign-up-content .panel-body form .form-group.savetemplate input {
          background: #fff; }
      .log-in-popup .sign-up-content .panel-body form .form-group span.form-control-feedback {
        margin: -15px 0 15px 0 !important; }
      .log-in-popup .sign-up-content .panel-body form .form-group button.btn.orange {
        display: block;
        margin: 30px auto; }
  .log-in-popup .sign-up-content span.notmatch.help-block {
    margin: 30px 0 -20px 0;
    display: block; }
    .log-in-popup .sign-up-content span.notmatch.help-block strong {
      color: red;
      font-weight: 300;
      font-size: 14px; }
  .log-in-popup.site-login {
    position: relative;
    box-shadow: 0 0;
    overflow: hidden;
    z-index: 9; }
    .log-in-popup.site-login .sign-up-content {
      box-shadow: 0 0;
      padding: 60px 0 0 0;
      text-align: center;
      border: 0 none;
      position: relative; }
      .log-in-popup.site-login .sign-up-content .panel-body form {
        text-align: center; }
        .log-in-popup.site-login .sign-up-content .panel-body form .half {
          text-align: left; }
        .log-in-popup.site-login .sign-up-content .panel-body form .form-group {
          text-align: left; }
      .log-in-popup.site-login .sign-up-content .panel-body .signup-new form {
        text-align: left; }
        .log-in-popup.site-login .sign-up-content .panel-body .signup-new form .half {
          width: 49%; }
          .log-in-popup.site-login .sign-up-content .panel-body .signup-new form .half:first-child {
            margin: 0px; }
  .log-in-popup.email-popup .sign-up-content {
    padding: 10px 20px;
    max-width: 580px;
    overflow: hidden; }
    .log-in-popup.email-popup .sign-up-content a.close {
      top: 0px; }
    .log-in-popup.email-popup .sign-up-content .email_sent span {
      font-size: 25px;
      padding: 70px 0 20px 0;
      display: block;
      position: relative;
      margin: 30px 0 0 0; }
      .log-in-popup.email-popup .sign-up-content .email_sent span:before {
        content: "\f058";
        font-family: fontawesome;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        color: #fe5045;
        font-size: 58px; }
    .log-in-popup.email-popup .sign-up-content .panel-heading {
      text-align: left;
      font-size: 18px;
      border-bottom: 1px solid #efeeee;
      margin: 0 -20px 0 -20px;
      padding: 8px 30px 15px 30px;
      font-family: 'Open Sans';
      font-weight: 700; }
      .log-in-popup.email-popup .sign-up-content .panel-heading span.saving {
        position: absolute;
        top: 0;
        margin: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: rgba(255, 255, 255, 0.97);
        z-index: 9; }
        .log-in-popup.email-popup .sign-up-content .panel-heading span.saving img {
          position: absolute;
          left: 44%;
          top: 45%;
          width: 50px; }
    .log-in-popup.email-popup .sign-up-content .format-text p {
      margin: 13px 0 -5px 0;
      text-align: left;
      font-size: 18px; }
    .log-in-popup.email-popup .sign-up-content .format p {
      margin: -7px 0 12px 0;
      font-size: 13px;
      color: red; }
    .log-in-popup.email-popup .sign-up-content .form-group label {
      display: block;
      font-weight: 700; }
    .log-in-popup.email-popup .sign-up-content .form-group input, .log-in-popup.email-popup .sign-up-content .form-group select {
      width: 100%;
      padding: 13px 10px;
      margin: 8px 0 20px 0;
      border-radius: 3px;
      border: 1px solid #d2d1d1;
      height: 46px;
      text-overflow: ellipsis;
      background: transparent; }
    .log-in-popup.email-popup .sign-up-content .form-group textarea {
      width: 100%;
      padding: 13px 10px;
      margin: 8px 0 20px 0;
      border-radius: 3px;
      border: 1px solid #d2d1d1;
      text-overflow: ellipsis; }
    .log-in-popup.email-popup .sign-up-content .form-group button.btn {
      margin: 13px auto 7px !important;
      max-width: 310px;
      width: 85%;
      padding: 16px 15px; }
      @media (max-width: 767px) {
        .log-in-popup.email-popup .sign-up-content .form-group button.btn {
          padding: 11px 15px; } }
  .log-in-popup.email-popup.video-upload .sign-up-content {
    padding: 10px 20px 30px 20px; }
    .log-in-popup.email-popup.video-upload .sign-up-content span .format p {
      color: red;
      font-size: 13px !important;
      margin: -12px 0 15px 0 !important; }
    .log-in-popup.email-popup.video-upload .sign-up-content span .format-text p {
      color: #636363;
      font-size: 13px !important;
      margin: 15px 0 -8px 0 !important;
      text-align: left;
      text-transform: capitalize; }
    .log-in-popup.email-popup.video-upload .sign-up-content input#videoval {
      width: 100%;
      margin: 20px 0;
      border: 1px solid #ccc;
      padding: 11px 20px;
      border-radius: 5px; }
    .log-in-popup.email-popup.video-upload .sign-up-content span.form-control-feedback {
      margin: -12px 0 15px 0 !important; }

.log-in-popup.email.email-popup .previewing {
  text-align: initial; }
  .log-in-popup.email.email-popup .previewing table {
    text-align: center; }
  .log-in-popup.email.email-popup .previewing .sign-up-content a.close {
    text-align: center; }

/*****************************
--------------------------
Front Style
--------------------------
*****************************/
.step-forms.front-form .right-section .main-info .tab-content .inner-content form input[type="text"] {
  padding: 0 !important;
  border-style: solid;
  margin: 0 0 20px 0;
  border-width: 0px 0 3px 0;
  border-radius: 0;
  border-color: #f0f0f1;
  height: 34px; }
.step-forms.front-form .right-section .main-info .tab-content .inner-content form .checbox {
  border: none;
  padding: 0;
  margin: 10px 0 10px 0; }

/*****************************
--------------------------
Blog-Style
--------------------------
*****************************/
.post.category-pet {
  background: #f3f3f3;
  padding: 2%;
  margin: 50px 0 0px 0;
  display: inline-block;
  clear: both;
  float: left;
  width: 96%;
  position: relative; }
  @media (max-width: 767px) {
    .post.category-pet {
      padding: 20px;
      width: 100%; } }
  .post.category-pet:before {
    content: "";
    border-bottom: 1px solid #e6e6e6;
    width: 100%;
    position: absolute;
    top: -25px;
    left: 0; }
  .post.category-pet:first-child {
    margin-top: 0; }
    .post.category-pet:first-child:before {
      border: 0 none; }
  .post.category-pet img {
    float: left;
    margin: 0 2% 0 0;
    width: 260px;
    min-height: 260px;
    max-height: 260px;
    object-fit: cover;
    object-position: 0 0;
    background: #fff; }
    @media (max-width: 767px) {
      .post.category-pet img {
        margin: 0 0 20px 0;
        width: 100%;
        min-height: inherit;
        max-height: inherit; } }
  .post.category-pet h2.entry-title {
    font-size: 50px;
    margin: 0 0 10px 0;
    font-family: "BebasNeue"; }
    @media (max-width: 991px) {
      .post.category-pet h2.entry-title {
        font-size: 34px; } }
    @media (max-width: 767px) {
      .post.category-pet h2.entry-title {
        font-size: 30px; } }
    @media (max-width: 543px) {
      .post.category-pet h2.entry-title {
        font-size: 24px; } }
    .post.category-pet h2.entry-title a {
      color: #000; }
      .post.category-pet h2.entry-title a:hover {
        color: #fe5045; }
  .post.category-pet .entry-meta {
    margin: 0 0 10px 0;
    color: #484848;
    font-size: 14px; }
  .post.category-pet .entry-content {
    font-size: 16px; }
    .post.category-pet .entry-content p {
      margin: 0 0 21px 0; }
      @media (max-width: 991px) {
        .post.category-pet .entry-content p {
          font-size: 16px; } }
      @media (max-width: 543px) {
        .post.category-pet .entry-content p {
          font-size: 14px; } }
    .post.category-pet .entry-content a.read-more {
      background: #fe5045;
      color: #fff;
      padding: 10px 32px;
      display: inline-block;
      font-size: 15px;
      font-family: 'Open Sans';
      text-transform: uppercase;
      font-weight: 600;
      border-radius: 50px; }
      .post.category-pet .entry-content a.read-more:hover {
        background: #000; }

/*
Trumps are overrides, helpers, utilities. They should only affect
one piece of DOM at a time and usually carry !important
*/
[v-cloak] {
  display: none; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

/*# sourceMappingURL=custom.css.map */